<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">

    <style>
        /*----------------------------
更新時 変更用
-----------------------------*/
        #h3_area #logoback {
            /*背景画像＝UTAU-Synth スクリーンショット透過*/
            background: url('https://blog-imgs-122.fc2.com/g/t/r/gtrinthesky/ScnCap_piRorl_24.png');
            no-repeat background-position: 0 0px;
            /*微調整： [左から 上から]*/
        }

        #dottedallow ul li:not(:last-child) {
            /*右向き矢印の色：●●部*/
            background-color: #c6d0ff;
            /* 薄ブルー*/
        }

        #dottedallow ul li:last-child {
            /*右向き矢印の色：▶︎部*/
            border: 22px solid transparent;
            border-left-color: #c6d0ff;
            /*薄○色 */
        }


        /*--- 変数：文字色/背景色 ----*/
        :root {
            /*---文字サイズ関連---*/
            --small: 0.8;
            /*文字サイズ-小_ 11px相当になるような｜単位？【単位無し/em/%】｜親要素の文字サイズに依存*/
            --px9: 9px;
            /*文字サイズ-極小_ 9px相当

      /*---文字色/背景色：モノトーン--*/
            --txt: #444;
            /*txt色①_ほぼ黒==基準色*/
            --gray: gray;
            /*txt色②_濃灰*/
            --darkgray: darkgray;
            /*txt色③_薄灰 <==備考色 */
            --silver: silver;
            /*txt色④_薄x2灰==placeholoderなど*/
            --white: #FFF;
            /*⑤_白*/

            /*---文字色/背景色関連---*/
            --em: #B22222;
            /*強調色_赤系*/
            --em0: #ebd2de;
            /*emの薄色1 noticeBACK*/
            --em1: #d5a6bd;
            /*emの薄色2 進捗BACK*/
            --em2: #dc4b4b;
            /*em薄い色3 or error */
            --iupt: #f9dcd6;
            /*未 必要入力欄*/

            --add: darkgray;
            /* 備考色_灰系 */
            --cmout: #a5585a;
            /*コメントアウト色：色何？【2020/03/05】参https://encycolorpedia.jp/b22222==*/
            --memo: #a1652a;
            /*memo色_茶系*/
            --blue: #2E64FE;
            /*#2E64FE 青系*/
            --bg_b: #f0f4fe;
            /*#f0f4fe青系超薄い色*/

            --D3: #D3D3D3;
            /*Dialog類の線色*/
            --F9: #F9F9F9;
            /* 背景色_Option =.OptionBoxの背景色*/
            --bg_color0: #FDFDFD;
            /*背景色_灰超薄*/
            --bg_color1: #f2f2f2;
            /*背景色_灰薄め==App基準色*/
            --bg_color2: #d9d9d9;
            /*背景色_灰濃いめ*/
        }

        /*--details と summary  --*/
        details {
            background: var(--bg_color1);
            padding: 0.3em 0.5em;
            border-radius: 0.5em;
            position: relative;
            font-weight: normal;
            margin-bottom: 1em;
        }

        summary {
            cursor: pointer;
            outline: none;
            list-style-image: none;
            font-weight: bold;
            margin-left: -1em;
        }

        details ul,
        details>div {
            margin-top: 0.3em;
            padding: 0.5em 0.5em 0.5em 0.5em;
            background: #fff;
        }

        summary::-webkit-details-marker {
            /*chrome,safari用*/
            color: transparent;
            list-style-image: none;
        }

        summary::after {
            /* 未選択：〜〜〜pulldown下向き〜〜〜*/
            transition: all 0.3s linear;
            content: "";
            width: 0.7em;
            height: 0.7em;
            position: absolute;
            top: 0.6em;
            right: 0.6em;
            border-right: solid 3px darkgray;
            border-bottom: solid 3px darkgray;
            transform: rotate(135deg);
        }

        details[open]>summary::after {
            /* 選択中：〜〜〜pulldown左向き＜〜〜〜*/
            transform: rotate(45deg);
        }

        /*---------デザイン,スタイル --------*/
        /* del 取り消し二重線、ins 下線波線*/
        del,
        .del {
            text-decoration: none;
            position: relative;
        }

        del::before,
        del::after,
        .del::before,
        .del::after {
            content: '';
            width: 100%;
            height: 0.15em;
            position: absolute;
            left: 0;
        }

        del::before,
        .del::before {
            border-top: solid 1px #B22222;
            top: calc(50% - 0.16em);
        }

        del::after,
        .del::after {
            border-bottom: solid 1px #B22222;
            bottom: calc(50% - 0.15em);
        }

        ins {
            text-decoration: underline wavy #B22222
        }

        /*蛍光マーカー風 - 薄くて太め：グラデ*/
        .marker_p

        /*pink*/
            {
            background: linear-gradient(to bottom, rgba(255, 153, 204, 0) 20%, #ff99cc 100%);
        }

        .marker_s

        /*skyblue*/
            {
            background: linear-gradient(to bottom, rgba(128, 255, 255, 0) 20%, #80ffff 100%);
        }

        .marker_ppl

        /*purple*/
            {
            background: linear-gradient(to bottom, rgba(238, 187, 255, 0) 20%, #eebbff 100%);
        }

        .marker_g

        /*yellowgreen*/
            {
            background: linear-gradient(to bottom, rgba(102, 238, 102, 0) 20%, #66ee66 100%);
        }

        .marker_y

        /*yellow*/
            {
            background: linear-gradient(to bottom, rgba(255, 255, 102, 0) 10%, #ffff66 100%);
        }

        .marker_o

        /*orange*/
            {
            background: linear-gradient(to bottom, rgba(255, 170, 132, 0) 30%, #ffaa84 100%);
        }

        /*記事中にメニュー(id=menu)がある場合のみ*/
        #upToMenu {}

        #yOffset {
            display: none;
        }



        /* sectionタグ使用*/
        #introduction ul.circle {
            margin: 2em 1em;
        }

        /*UTAU用語記事 sectionタグ使用*/
        .UTAUword {
            line-height: 180%;
        }

        .UTAUword .UTAUword h2,
        .UTAUword h3 {
            font-size: 14px;
        }

        .UTAUword h2 {
            margin-top: 4em;
            /*h2.utau_synthとおなじ*/
        }

        .UTAUword h3 {
            color: gray;
            margin-top: 0em;
        }

        .UTAUword b {
            margin-left: 0.2em;
            color: #B22222;
        }

        .UTAUword>.basicDate {
            margin: 2em;
            padding: 5px;
            color: gray;
        }

        .thumMini {
            width: 30%;
            /*120x90のサムネ用*/
            border-right: dotted 4px silver;
            margin-right: 1em;
        }

        /*------------------------------------
　　音源タグx動画  記事用
 〜ラジオボタンでタブメニュー〜
---------------------------------------*/
        .SwichBtn {
            font-size: 85%;
            cursor: pointer;
            /*color:white;*/
            /*#d4dffe =青2E64FEの2段階明るい*/
            background: -moz-linear-gradient(#d4dffe, #789bfe);
            background: -webkit-gradient(linear, left top, left bottom, from(#d4dffe), to(#789bfe));
            padding: 2px 4px 2px 4px;
            vertical-align: middle;
            border-radius: 6px;
        }

        .SwichBtn:hover {
            background: #2E64FE;
            /*青系*/
            color: white;
        }

        #MovieDrop {
            /*動画up記事用*/
            position: relative;
            top: 30px;
        }

        #MovieDrop .SelecterWrap {
            /*本文領域*/
            position: static;
            z-index: 10;
            /*重なり*/
        }

        #MovieDrop article {
            /*各本文：動画埋め込みしてるとこ*/
            min-height: 380px;
            /*　400に変更したがfigcapstion非表示にしたからもとの380  380px*/
            width: 100%;
            padding: 5px;
            /*汎用でborder-box指定あるのでレイアウト崩れない*/
        }

        #MovieDrop .Selecter {
            /*タブメニュー全体 */
            padding: 0;
            margin: 0;
        }

        #MovieDrop .Selecter label {
            /*タブメニュー：１つ分*/
        }


        /*〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜*/
        #MovieDropMemo {
            /*MovieDropより下にあるが表示上、冒頭に*/
            position: relative;
            top: -422px;
            -370px;
            /*relativeかabsoluteか*/
            color: #999999;
            height: 2em;
            /*レスポンジブ 幅狭時2行になる場合用*/
            display: block;
        }

        /*音源タグx動画 埋込動画(iframe, script)：変更〜〜〜〜 */
        #MovieDrop script {
            position: absolute;
            top: 0;
            left: 0;
            background-color: silver;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
        }

        #MovieDrop div.m_16x9,
        #blogindex div.m_16x9 {
            /*埋込動画(iframe,script)の親要素：変更〜〜〜〜*/
            position: relative;
            width: 100%;
            height: 319px;
            box-sizing: border-box;
        }

        #MovieDrop article p {
            margin: 0;
        }

        /*pとpの余白調整*/
        #MovieDrop article p:nth-of-type(1) {
            /*埋込動画の説明文章 - 1個目のp*/
        }

        #MovieDrop article p:nth-of-type(2) {
            /*埋込動画の説明文章 - 2個目のp：小文字*/
            font-size: 11px;
        }


        /*--------------------------------------
ラジオボタンでタブメニュー
〜基本〜
(メニュー4つ分)
--------------------------------------*/
        input[name=menu],
        input[name=cloud],
        input[name=post] {
            display: none;
        }

        /**/
        #m0:checked~* .m0,
        #t0:checked~* .t0,
        #m1:checked~* .m1,
        #t1:checked~* .t1,
        /*本文：選択状態*/
        #m2:checked~* .m2,
        #t2:checked~* .t2,
        #m3:checked~* .m3,
        #t3:checked~* .t3,
        #m4:checked~* .m4,
        #t4:checked~* .t4,
        #tag0:checked~* .tag0,
        #tag1:checked~* .tag1,
        #tag2:checked~* .tag2,
        #tag3:checked~* .tag3 {
            display: block;
            opacity: 0.9;
            z-index: 10;
        }

        #m0:checked~* label[for=m0],
        #t0:checked~* label[for=t0],
        #m1:checked~* label[for=m1],
        #t1:checked~* label[for=t1],
        /*タブメニュー：タブ選択状態*/
        #m2:checked~* label[for=m2],
        #t2:checked~* label[for=t2],
        #m3:checked~* label[for=m3],
        #t3:checked~* label[for=t3],
        #m4:checked~* label[for=m4],
        #t4:checked~* label[for=t4],
        #tag0:checked~* label[for=tag0],
        #tag1:checked~* label[for=tag1],
        #tag2:checked~* label[for=tag2],
        #tag3:checked~* label[for=tag3] {
            /*〜〜〜タブじゃなくて〜〜〜〜〜〜〜*/
            color: #444;
            background: #fff;
            border-bottom: 2px solid #B22222;
            /*追加🍏🍏🍏*/
            position: relative;
            top: -3px;
            /*==位置調整==*/
        }

        .Selecter {
            /*タブメニュー部全体*/
            z-index: 20;
            /*〜〜〜タブじゃなくて〜〜〜〜〜〜〜*/
            text-align: center;
        }

        .Selecter label {
            /*タブメニュー：タブ１コ分*/
            cursor: pointer;
            transition: all 0.3s linear;
            /*〜〜〜タブじゃなくて〜〜〜〜〜〜〜*/
            height: 2em;
            padding: 0.5em 1em 0.2em 1em;
            /*[上][右][下][左]*/
            margin-right: 0;
            border-top: 0;
            border-left: 0;
            border-bottom: 2px solid #ffffff;
            border-right: 0;
            color: darkgray;
            background: #ffffff;
            position: relative;
            top: -3px;
            /*==位置調整==*/
        }

        .SelecterWrap {
            border-top: 1px solid #999;
            border-left: 1px solid #999;
            border-right: 1px solid #999;
            border-bottom: 1px solid #999;
            box-sizing: border-box;
            width: 100%;
            height: auto;
            /*別途classで指定したり*/
        }

        .SelecterWrap article {
            /*タブメニュー：での本文*/
            display: none;
            box-sizing: border-box;
            /*必要*/
        }


        /*---- postItメモとアコーディオンメニュー ---*/
        UL.accordion {
            margin-top: 10px;
            height: 90px;
            /*高さ*/
            background: #FAFAFA;
            overflow-y: scroll;
            border-top: 2px dotted #ccc;
            /*#ccc 上辺*/
            border-left: 1px dotted #ffffff;
            /*#ccc*/
            border-right: 1px dotted #ffffff;
            /*#999*/
            border-bottom: 2px dotted #ccc;
            /*#999　下辺*/
        }

        UL.accordion>LI.none-submenu:after {
            /*始項目：閉時*/
            content: "+";
            color: silver;
            /*indentの左端色と合わせる*/
        }

        UL.accordion>LI.active-submenu:after {
            /*始項目：展開時*/
            content: "";
        }

        UL.accordion>LI.none-submenu:hover:after {
            color: #444;
        }

        UL.accordion>LI.active-submenu:hover:after {
            content: "ー";
            color: silver;
        }

        UL.accordion>LI.none-submenu,
        UL.accordion>LI.active-submenu {
            cursor: pointer;
            transition: all 0.3s linear;
        }

        UL.accordion>LI.submenu {
            margin: -3px 5px 0.5em 30px;
            padding-left: 5px;
            border-left: solid 10px silver;
            background: #f2f2f2;
            line-height: 1.2;
        }

        .PostIt_p {
            background: url('https://blog-imgs-90.fc2.com/g/t/r/gtrinthesky/PostIt_pink_254x221.png');
        }

        .PostIt_y {
            background: url('https://blog-imgs-98.fc2.com/g/t/r/gtrinthesky/PostIt_yellow_254x221.png');
        }

        .PostIt_g {
            background: url('https://blog-imgs-98.fc2.com/g/t/r/gtrinthesky/PostIt_green_254x221.png');
        }

        .PostIt_s {
            background: url('https://blog-imgs-98.fc2.com/g/t/r/gtrinthesky/PostIt_sky_254x221.png');
        }

        .PostIt {
            background-repeat: none;
            width: -webkit-calc(254px *1.2);
            /*計算式でpx幅を*/
            width: calc(254px *1.2);
            height: -webkit-calc(221px *1.2);
            height: calc(221px *1.2);
            background-size: auto 100%;
            /*背景画像 背景領域に対する大きさ[w h]*/
            z-index: 40;
            font-size: 80%;
            padding: 1.5em 0 1em 2.5em;
            font-size: 80%;
            box-sizing: border-box;
        }

        .Clips {
            background: url('https://blog-imgs-90.fc2.com/g/t/r/gtrinthesky/memos_300x240.png');
            background-repeat: none;
            width: 300px;
            height: 240px;
            z-index: 40;
            font-size: 80%;
            padding-top: 50px;
            box-sizing: border-box;
        }


        /*--------------------------------
記事中：ユーザータグリスト
----------------------------------*/
        ul.tag_list,
        .acordion li div.tag {
            margin-bottom: 0.8em;

            font-size: 9px;
            text-indent: -5em;
            margin-left: 5em;
            /*2行に渡る場合の表示調整*/
        }

        ul.tag_list li {
            /*各タグ アイコン代わり*/
            font-weight: normal;
            display: inline;
            margin-right: 0.5em;
            line-height: 2.0;
            /*補正*/
            white-space: nowrap;
            /*改行抑制*/
        }

        ul.tag_list li a,
        .acordion li div.tag a,
        .acordion li div.tag_ex {
            color: #ffffff;
            /*文字色*/
            background-color: #FF773E;
            /*MAINと同じオレンジ系*/
            padding: 1px 2px;
            letter-spacing: 1;
            border-radius: 2px;
            /**/
        }

        ul.tag_list li a:hover,
        .acordion li div.tag a:hover {
            background: rgba(104, 190, 141, 1.0);
            /*tag/serchmarkの蛍光色緑と同系統な緑*/
            /*filter: opacity(50%); 透明度*/
            text-decoration: none;
            /*border-radius:0; */
            transition: all 0.2s linear;
        }

        ul.tag_list li a img {
            width: 20px;
            height: 20px;
            border: 1px solid silver;
            transition: all 0.2s linear;
        }

        ul.tag_list li a:hover img {
            filter: opacity(100%);
            /*透明度_相殺*/
            transform: scale(2.0);
            /* 拡大縮小*/
            position: relative;
            left: -5px;
            transition: all 0.2s linear;
        }

        /*---サムネ画像表示 -------------------
　　一覧表示でのサムネ画像
 　検索結果、カテゴリ表示、タグ検索結果、全記事リストモード
---------------------------------------*/
        .entry_thum a img {}

        .entry_thum {
            float: left;
        }

        .entry_thum img {
            border: 1px solid gray;
            border-radius: 10px;
            /*丸角*/
        }

        .entry_thum img.forList {
            width: 72px;
            margin: 5px 10px 0 0;

            opacity: 1;
            display: block;
        }

        .blogbody img.forList {
            /*記事本文では非表示な部分(一覧表示でのみ表示させたいサムネ画像や文章)*/
            position: absolute;
            top: 200px;
            left: 150px;
            z-index: 0;
            opacity: 0;
        }

        .forList {
            display: none;
        }

        /*----------------------------------
  開閉　大きいカッコみたいな線
-----------------------------------*/
        .linkxWrap {
            border-top: 6px solid #ccc;
            border-bottom: 6px solid #ccc;
            padding-top: 1em;
            margin-top: -1.5em;
            border-radius: 10px;
        }

        /*ボタン枠*/
        a.btn,
        .btn {
            padding: 0.5em 1em;
            /*[上下] [左右]*/
            margin-top: 1.0em;
            background: #ffffff;
            border-top: 1px solid darkgray;
            border-right: 1px solid gray;
            border-bottom: 1px solid gray;
            border-left: 1px solid darkgray;
            border-radius: 10px;

        }

        a.btn:hover {
            text-decoration: none;
            background-color: #F2F2F2;
        }

        #DTMmemo span.center,
        span.center {
            /*開閉領域の閉じるボタン*/
            display: block;
            text-align: center;
            margin: 0.5em 0;
        }

        /* 音源タグリスト */
        ul.tag_list,
        .acordion li div.tag {
            font-family: 'Source Code Pro', monospace;
            /*googlefont使用の*/
        }

        /*アイコン代わり*/
        em.testMark,
        em.mainMark,
        em.newMark {
            font-family: 'Source Code Pro', monospase;
            /*googlefont使用の*/
            font-size: 9px;
            font-weight: bold;
            color: white;
            vertical-align: middle;
            border-style: solid;
            border-width: 1px 2px 1px 2px;
        }

        em.testMark {
            /*TEESTINGのアイコン代わり*/
            background-color: #FFA07A;
            /*#a1652a*/
            ;
            border-color: #FFA07A;
        }

        em.mainMark {
            /*MAINのアイコン代わり:オレンジ系*/
            background-color: #FF773E;
            border-color: #FF773E;
        }

        em.newMark {
            /*NEW, HOT UPなどのアイコン代わり:青系*/
            background-color: #2E64FE;
            border-color: #2E64FE;
        }

        /*pListPost*/
        .pListPost .menu_box ul li {
            /*UTAU-Synth以外のとこで使える*/
            background-image: none;
            text-indent: 0.5em;
        }

        .pListPost h2 {
            padding: 2px 2px 2px 5px;
            margin-bottom: -1em;
            /**/
            background-color: #FAFAFA;
            /*背景色は一括指定でも*/
        }

        .pListPost h2:before {
            content: "●";
            color: gray;
        }

        .pListPost h2 div.SongList {
            float: right;
            /*配置*/
            padding-right: 3em;
            font-size: 12px;
            font-weight: normal;
        }

        /*---------------共通前置き＠TABソフト記事----------------*/
        #G_Tab_type_Wrap {
            /*TABソフト使い始めたきっかけ話 */
            background: url('https://blog-imgs-90.fc2.com/g/t/r/gtrinthesky/PostIt_pink_254x221.png');
            background-repeat: none;
            width: -webkit-calc(251px * 0.8);
            width: calc(251px * 0.8);
            height: -webkit-calc(221px * 0.8);
            height: calc(221px * 0.8);
            background-size: auto 100%;
            /*背景画像 背景領域に対する大きさ[w h]*/
            z-index: 40;
            padding: 3.5em 4em 3em 3.8em;
            line-height: 1.1;
        }


        .Tab_des_title {
            font-size: 14px;
            /*見出し用フォント*/
            font-weight: bold;
            line-height: 1.2;
            text-align: center;
        }

        .Tab_des,
        .Tab_des_none {
            /*1コ1コの丸*/
            width: 70%;
            /*120px*/
            border-radius: 12px;
            /* 100%で完全な円 */
            background: #FFFF66;
            /* 背景色＝黄色系 */
            padding: 5px;
            /**/
            text-align: center;
            font-size: 12px;
            /*中の文章のフォント*/
            font-weight: normal;
            color: black;
            margin: 0 auto;
            /*中央配置*/
            margin-bottom: 7px;
        }

        .Tab_des_none {
            /*1コ1コの丸*/
            background: #66FFFF;
            /* 背景色＝水色系 */
        }

        #G_Tab_type_Wrap .Tab_des,
        #G_Tab_type_Wrap .Tab_des_none {
            width: 80%;
            /* 160pxサイズを上書き*/
            border-radius: 30px;
            /* 100%で完全な円 */
            padding: 10px 5px 10px 5px;
            /*円に近いので調整*/
        }

        /*----------- 音源タグ - 楽器別 ----------------*/
        #InstTag_Part {
            width: 580px;
        }

        #InstTag_Part>ul.tag_list li>b {
            /*楽器パート名見出し*/
            display: block;
        }

        /*音源タグについて（pop up的）*/
        #about_InstTag {}

        #about_InstTag,
        #G_Tab_des_Wrap,
        #remix_memo1,
        .memoPop {
            background: url('https://blog-imgs-90.fc2.com/g/t/r/gtrinthesky/memo_withBuleCrip_420x370.png');
            background-repeat: none;
            width: -webkit-calc(420px *1.1);
            /*計算式でpx幅を*/
            width: calc(420px *1.1);
            height: -webkit-calc(370px *1.1);
            height: calc(370px *1.1);
            background-size: auto 100%;
            /*背景画像 背景領域に対する大きさ[w h]*/
            z-index: 40;
            padding: 3.5em 5.5em 3em 3em;
            font-size: 80%;
            box-sizing: border-box;
            cursor: pointer;
            margin-bottom: -webkit-calc(-370px *1.1);
            margin-bottom: calc(-370px *1.1);
            /*下記要素の表示位置相殺用*/
        }

        #about_InstTag>#memo,
        #remix_memo1,
        .memoPop {
            z-index: 50;
            cursor: default
        }

        #about_InstTag>#memo>h4,
        #remix_memo1>h4,
        .memoPop>h4 {
            margin-left: 4em;
            margin-top: 0;
        }

        #about_InstTag>#memo>p,
        #remix_memo1>p,
        .memoPop>@{
 margin-left:4em;
        margin-top:1.5em;
        margin-bottom:0em;
        }

        #about_InstTag>#memo>h4+p+ul,
        #remix_memo1>h4+p+ul,
        .memoPop>h4+p+ul {
            margin-left: 4em;
        }

        #about_InstTag h5+ul,
        #remix_memo1 h5+ul,
        .memoPop h5+ul {
            margin-bottom: 1em;
        }

        #about_InstTag h4+p+ul li,
        #about_InstTag h5+ul li,
        #remix_memo1 h5+ul li,
        .memoPop h5+ul li {
            list-style-type: circle;
            text-indent: -0.5em;
            margin-left: 1.5em;
            /*更に1文字分*/
        }

        #about_InstTag>#memo>h5,
        #remix_memo1>h5,
        .memoPop>h5 {
            margin-top: 1em;
            margin-bottom: 0em;
        }

        #about_InstTag>#BlueClip {
            /*x 印、効いてない*/
            position: absolute;
            left: 30px;
            top: 30px;
            width: 24px;
            height: 24px;
            font-size: 24px;
            color: red;
        }

        /*hatena*/
        a.hatena,
        a.hatena:link,
        a.hatena:visited {}

        a.hatena:after {
            content: "？";
            font-size: 10px;
            -webkit-transform: scale(0.6);
            -webkit-transform-origin: 0% 0%;
            -ms-transform: scale(0.6);
            -ms-transform-origin: 0% 0%;
            transform: scale(0.6);
            transform-origin: 0% 0%;
            zoom: 0.6;
            vertical-align: baseline;
            margin-left: 1px;
            border-radius: 100%;
            /*font-weight:bold;*/
            background-color: gray;
            /*テスト中:*/
            color: white;
            border-top: solid 1px gray;
            border-left: solid 2px gray;
            border-right: solid 2px gray;
            border-bottom: solid 1px gray;
        }

        a.hatena:hover:after {
            background-color: #2E64FE;
            /*テスト中:青系#2E64FE | 薄灰色silver*/
            color: white;
            border-top: solid 1px #2E64FE;
            border-left: solid 2px #2E64FE;
            border-right: solid 2px #2E64FE;
            border-bottom: solid 1px #2E64FE;
        }



        /*-------------- 一括指定(１)：配色--------------------*/
        /*斜めストライプ*/
        .graystripe,
        #plugins_list li.graystripe {
            background-color: #ECECEC;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9), color-stop(.75, transparent), to(transparent));
            -webkit-background-size: 14px 14px;
            background-size: 14px 14px;
            opacity: 0.7;
        }

        /*グレイアウト*/
        .grayout {
            opacity: 0.6;
            background-color: #FAFAFA;
        }

        .grayout .add,
        .graystripe .add {
            color: gray;
        }


        #banner h3 a,
        #sideMenu h5,
        #sidebar.side ul,
        em,
        .em,
        .menu_box h2 a,
        #blogindex ul li h3 {
            color: #B22222;
            /*濃い文字色=赤系#B22222　濃緑？*/
            /*font-weight:700;   font-weight指定  noto suns 前後　*/
        }



        h4.sidetitle,
        ul#IndexTab li {
            color: gray;
            /*■border無表示かに伴う変更*/
        }

        body,
        h4.sidetitle,
        .dotted,
        #whatsnew_con,
        .basicData .nav,
        ul#IndexTab li {
            background: #FAFAFA;
            /* 背景色=薄い灰色#FAFAFA*/
            border-radius: 2px;
        }

        #top,
        #blog,
        #content,
        #sidebar {
            background: white;
            /*背景色=白white　薄クリーム*/
            color: #444;
            /*通常文字色=ごく濃い灰色#444　超濃いほぼ黒？*/

            /*========== font-family指定、notosuns 前後 ======*/
            font-family: "Noto Sans SC", sans-serif;
            font-weight: 400;
        }

        .boxx,
        .block-list {
            /*pspostやコード進行枠内の色*/
            background: cornsilk;
            /*背ベージュから変更*/
        }

        /*ブログ名(home へのリンク)*/
        #logoback div a,
        #logoback div a:visited {
            color: #ffffff;
        }

        #logoback div a:hover {
            text-decoration: none;
            text-shadow: 5px 5px 3px rgba(1, 58, 223, 0.8);
            /*青系2e64feの25%暗*/
        }

        .dgm {
            font-family: monospace;
            font-size: 11px;
            line-height: 98%;
            letter-spacing: -2.0px;
            width: 120px;
            float: left;
        }

        .acordion img,
        #plugins_list img {
            border-radius: 0;
            border: 0;
        }

        .acordion img.plugin,
        #plugins_list img.plugin {
            width: 200px;
        }

        .acordion img.plugin_h,
        #plugins_list img.plugin_h {
            height: 200px;
        }

        .acordion img.plugin_small,
        #plugins_list img.plugin_small {
            width: 130px;
            padding-right: 70px;
        }

        .acordion img.plugin_mini,
        #plugins_list img.plugin_mini {
            width: 80px;
        }

        /* googl font オケUST配布告知 */
        @import url(http://fonts.googleapis.com/earlyaccess/hannari.css);
        @import url(http://fonts.googleapis.com/earlyaccess/kokoro.css);

        /*   ココ：siteロゴ 、ココ：siteロゴ a link*/
        #logoback #anaunce,
        #logoback #anaunce a,
        #logoback #anaunce a:visited {
            color: #444;
            font-size: 16px;
            font-weight: bold;
            /*font-family noto suns前後--*/
            /*letter-spacing noto suns前後--*/
            text-shadow: 2px 2px 4px rgba(1, 58, 223, 0.8);
            /*青系2e64feの25%暗*/
        }

        #logoback #anaunce a:hover {
            color: #444;
            text-decoration: none;
            text-shadow: 2px 2px 4px rgba(255, 119, 62, 0.8);
            /*オレンジ系#FF773E | 薄オレンジ系なら#FFA07A rgb(255,160,122) */
        }

        /**/
        a.folow+span {
            display: none;
        }

        a.folow+span:before {
            content: attr(data-text)"";
        }

        a.folow:hover+span {
            display: inline-block;
        }

        /* 公開日、最終更新日 */


        /*文脈文字色*/
        small,
        .small {
            font-size: 11px;
        }

        .add {
            color: darkgray;
        }

        /*補足,備考色=灰色gray*/
        em {
            font-style: normal;
        }

        /*emと.em、色は上記一括指定の濃い文字色*/
        .memo {
            color: #a1652a;
        }

        /*メモ色:茶系#B3712Fから１段階暗く*/
        mark {
            background: #FFFF99;
        }

        /*初期値だと黄色すぎなので*/

        /*Tag/search 検索語ハイライト */
        .searchMark {
            background: rgba(102, 238, 102, 0.5);
        }

        /*外部リンク文字〜ニュアンス青[RGB(0, 96, 192)]、ニュアンス濃青[RGB(, , ,)]〜*/
        a,
        a:link,
        a:visited,
        a:active,
        #sideMenu li a:hover,
        .menu_box ul a:hover {
            color: #0060C0;
            text-decoration: none;
        }

        a:hover,
        #sideMenu .dotted li a:hover a:hover {
            text-decoration: underline;
        }

        #sideMenu li:hover {
            background: #E5E5E5;
            transition: all 0.1s linear;
        }


        /*サイト内リンク文字 〜濃い文字色(上記一括指定の濃い文字色)*/
        .gopagetop a,
        a.gosection,
        nav ol a {
            color: #B22222;
            text-decoration: none;
        }

        .gopagetop a:link,
        a:link .gosection,
        nav ol a:link {
            color: #B22222;
            text-decoration: none;
        }

        .gopagetop a:visited,
        a:visited .gosection,
        nav ol a:visited {
            color: #B22222;
            text-decoration: none;
        }

        .gopagetop a:active,
        a:active .gosection,
        nav ol a:acitive {
            color: #B22222;
            text-decoration: none;
        }

        .gopagetop a:hover,
        a:hover .gosection,
        nav ol a:hover {
            color: #B22222;
            text-decoration: underline;
        }


        h1.title a,
        h1.title a:visited,
        h1.title a:link,
        h1.title a:active,
        h1.title a:hover {
            color: white;
            /*■border無表示化に伴う変更：#B22222赤地に白字*/
        }

        /*サイドバー 項目名h5=カテゴリリンク*/
        /*■border無表示化に伴う変更*/
        #sideMenu a h5,
        #sideMenu a:link h5,
        #sideMenu a:visited h5 {
            color: #B22222;
        }

        #sideMenu a:hover {
            text-decoration: none;
        }

        #sideMenu a:hover h5::before {
            content: "カテゴリ別リスト表示";
            color: silver;
            display: block;
        }

        #sideMenu a.submenu,
        .blogbody>.submenu {
            /*js のopneCloseをaタグ未使用時のclass名*/
            color: darkgray;
        }

        #sideMenu a.submenu:hover,
        .blogbody>.submenu:hover {
            color: #444;
        }

        #Coverd a li {
            font-size: 90%;
        }

        .blogbody>.submenu {
            cursor: default;
        }

        /*更新情報で普通の文字風*/
        a.non,
        a.non:link,
        a.non:visited {
            text-decoration: none;
            color: #444;
            cursor: default;
        }

        a.non:active,
        a.non:hover {
            text-decoration: underline;
            color: #0060C0;
            cursor: pointer;
        }

        /*更新履歴のカテゴリへ飛ぶ(シークレット的)*/
        .plugin a.conbiniLink,
        .plugin a.conbiniLink:visited {
            color: gray;
            text-decoration: none;
            cursor: crosshair;
        }

        /*menu_box li 頁メニュー内部リンク*/
        .menu_box ul a {
            /*PlayList内部メニュー a li順*/
            width: 100%;
        }

        .menu_box ul li a {
            /*UTAU-Synth内部メニュー li a順...*/
            display: block;
        }

        .menu_box ul a li,
        .menu_box ul li a {
            padding: 0.2em 0;
        }

        .menu_box ul a:hover li:hover,
        .menu_box ul li a:hover {
            background: #FFFFFF;
        }



        /*サイドバー：プロフからの外部リンク*/
        #sidebar div.plugin:nth-of-type(3) ul li {
            /*相殺*/
            background: url('none');
            padding-left: 0;
        }

        #h3_area .plugin a.conbiniLink,
        #h3_area .plugin a.conbiniLink:visited {
            color: #444;
        }


        hr {
            /*水平線*/
            border: 2px solid #ccc;
            /*枠の上辺,左辺の薄めの灰色*/
        }

        big {
            /*明朝体*/
            font-size: 161.8%;
            /*黄金比 1 : 1.618*/
            /*font-family noto sans前後--*/
            font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
            font-weight: 900;
        }

        /*-------- 一括指定(2)：デザイン,スタイル -----------------*/
        /*縦スクロールつける、上辺と下辺 太めドット線*/
        #whatsnew_con,
        #about3_gtrprofile_wrap {
            /*高さは各#ごとに管理*/
            overflow-y: scroll;
            border-top: 2px dotted #ccc;
            /*#ccc 上辺*/
            border-left: 1px dotted #ffffff;
            /*#ccc*/
            border-right: 1px dotted #ffffff;
            /*#999*/
            border-bottom: 2px dotted #ccc;
            /*#999　下辺*/
        }

        #whatsnew_con li::before {
            /*naibuリンク先頭矢印*/
            position: relative;
            top: 2px;
            /*.side ul li::before の位置調整が適用されるので相殺*/
        }

        /*--ドット柄　ボーダー囲み---*/
        .dotted {
            border-top: 1px dotted #999;
            border-left: 1px dotted #999;
            border-right: 1px dotted #999;
            border-bottom: 1px dotted #999;
            padding: 2px;
            margin: 5px 0 10px;
            /*上下に余白*/
        }

        /*角を丸める 画像やtableにも使える*/
        .dotted .side img,
        .blogbody,
        .basicData {
            border-radius: 10px;
            /* em、px、%、100%だと完全な円に*/
        }

        .boxx_dotted {
            /*細ドット、薄グレー背景囲み*/
            background: #FAFAFA;
            border-top: 1px dotted #999;
            border-left: 1px dotted #999;
            border-right: 1px dotted #999;
            border-bottom: 1px dotted #999;
            padding: 2px;
            margin: 5px 0 10px;
            /*上下に余白*/
        }

        .basicData {
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 2px;
            position: relative;
            /*位置基準用*/
            box-sizing: border-box;
        }

        /*開閉領域*/
        .openClose {
            border: 1px dotted #999;
            padding: 5px;
            margin: 5px 0 10px;
            /*上下に余白*/
            background-color: #FAFAFA;
            border-radius: 10px;
            transition: all 0.3s linear;
            /*無効かな？*/
        }

        .openClose span.btn {
            /*開閉領域の閉じるボタン*/
            display: block;
            text-align: center;
        }

        #Linx1,
        #DTMmemo,
        /*DTMxUTAU コード進行メモ,音源/UTAUメモ、MacAUsf2関連*/
        #U-SynthMenu,
        T#ABsofts,
        #TuxGutiars,
        #AIR_Code,
        /*サイドバーメニュー分*/
        #v132Help,
        #v12,
        #v13

        /*TuxGuitarページ*/
            {
            transition: all 0.3s linear;
        }

        .menu_box,
        .block-list {
            border-radius: 4px;
            /*角丸め極少し*/
        }

        h4.sidetitle {
            border-radius: 0;
            /*■border線無表示化に伴い*/
        }

        .plugin {
            /* border-radius類なし ■border線無表示化に伴い*/
        }


        /*----アコーディオンメニュー[音源, Pugin カタログ] ----*/
        ul.acordion {
            background: #f5f5f5;
            border-right: solid 1px #808080;
            border-left: solid 1px #808080;
            margin: 3px 0 0 0;
            /*15px　横幅いっぱいに表示*/
            padding: 0;
        }

        ul.acordion li {
            list-style-type: none;
            /*リストの先頭のやつ表示しない*/
            text-indent: 0;
            border-bottom: solid 1px #ccc;
        }

        ul.acordion li span.none-submenu,
        ul.acordion li span.active-submenu,
        ul.acordion li h2.none-submenu,
        ul.acordion li h2.active-submenu {
            cursor: pointer;
            /*文字カーソルにならないように*/
        }

        ul.acordion li .trigger {
            /*音源カテ名など*/
            font-weight: bold;
            margin: 4px;
            padding: 4px 0px;
            /* 上下に余白：タップ要素同士が近すぎ、を回避*/
        }

        ul.acordion li ul.submenu li h3 {
            /*⬇️⬇️0：b から変更：sf2名等**/
            font-size: 100%;
        }

        ul.acordion li h3 small,
        ul#plugins_list li h3 small {
            font-weight: normal;
            color: gray;
            padding-left: 5px;
            /*左にちょい余白 v1とか MBとか *componentとか */
        }

        ul.acordion li a.dl {
            /*DLボタン*/
            background-color: #2E64FE;
            font-size: 80%;
            color: #ffffff;
            font-weight: bold;
            padding: 1px 4px 0px 4px;
            /*左右に余裕*/
            text-decoration: none;
        }

        ul.acordion li:first-child {
            border-top: solid 1px #808080;
        }

        ul.acordion li:last-child {
            border-bottom: solid 1px #808080;
        }

        ul.acordion li ul {
            margin: 0;
            padding: 0;
            border: none;
        }

        ul.acordion li ul li {
            /*レイアウト崩れ対策padding-top 4px相当から20pxに変更*/
            background: #fff;
            padding: 20px 1.5em 4px 2em;
            /* インデント分左側に余白、右に2文字分ハミでるのを防ぐ相殺も*/
            text-indent: -1.5em;
        }

        /*⬇️⬆️1*/
        ul.acordion li ul.submenu li.pspost,
        ul#plugins_list li.pspost {
            background: #f2f2f2;
            color: gray;
            text-indent: -1em;
            margin: auto 1em;
        }

        /*⬇️3 DTMに使用した曲名など*/
        ul.acordion ul.dtm,
        ul#plugins_list ul.dtm {
            /*POST IT(付箋紙)*/
            color: gray;
            width: 65%;
            /*post it的な横幅として*/
            margin-top: 1em;
            /*上部に余白*/
            margin-left: 4em;
            /*左側に余白*/
            margin-bottom: 2em;
            /*liで-2emしてる分の相殺*/
            position: relative;
            z-index: 0;
        }

        ul.acordion ul.dtm::after,
        ul#plugins_list ul.dtm::after {
            /* ドロップシャドウを少し斜めに配置して、立体感を */
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            bottom: 6px;
            /*白いのが出ないように*/
            height: 1em;
            /*15pxから変更*/
            width: 94%;
            right: 9px;
            transform: rotate(2deg);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
        }

        ul.acordion ul.dtm li,
        ul#plugins_list li ul.dtm li {
            background-color: #DCF1FB;
            /*水色-薄 確認用*/
            font-size: 80%;
            margin-top: 0;
            /*相殺用-行間空き過ぎ対策*/
            margin-bottom: 0;
            /*相殺用-行間空き過ぎ対策*/
            padding-top: 0;
            /*行間空き過ぎ対策*/
            border: none;
            /*相殺用*/
            padding-left: 4em;
        }


        ul.acordion li ul li blockquote,
        ul#plugins_list li ul li blockquote
        /*2行以上の引用*/
        background-color:lightyellow;
        /*beigeから変更*/
        border:dotted 1px #ccc;
        padding:10px;
        text-indent:0;
        /*インデント相殺*/
        }

        /* ul.acordion li ul li object{MP3 PLAYERの
   margin-left:190px; 
   display:none; 
}*/
        ul.acordion li ul li small.time,
        ul#plugins_list li ul li small.time {
            /*time秒数表示用*/
            font-size: 9px;
            color: gray;
            vertical-align: bottom;
            /*baseline初期値*/
        }

        ul.acordion li ul li pre,
        ul#plugins_list li ul li pre,
            {
            /*整形：これはスマホビューではNG*/
            font-size: 80%;
            line-height: 1.5;
            margin-top: -0.25em;
        }

        ul.acordion li ul li:last-child {
            border-bottom: none;
        }

        ul.acordion li .none-submenu {
            /*上向き・赤系*/
            /*background: url(https://blog-imgs-71-origin.fc2.com/g/t/r/gtrinthesky/trigger-arrow.png) no-repeat 98% 50%; */
            display: block;
            color: #B22222;
        }

        ul.acordion li .active-submenu {
            /*下向き・白*/
            /*background: url(https://blog-imgs-71-origin.fc2.com/g/t/r/gtrinthesky/triggeractive-arrow.png) no-repeat 98% 50%;*/
            display: block;
            color: gray;
        }

        @media only screen and (max-width: 600px) {
            ul.acordion li .none-submenu {
                background: url(https://blog-imgs-71-origin.fc2.com/g/t/r/gtrinthesky/trigger-arrow.png) no-repeat 96% 50%;
            }

            ul.acordion li .active-submenu {
                background: url(https://blog-imgs-71-origin.fc2.com/g/t/r/gtrinthesky/triggeractive-arrow.png) no-repeat 96% 50%;
            }
        }


        /*アコーディオンメニュー：ツリー階層表示用*/
        OL.Tree {
            background: #ffffff;
            border-right: solid 1px #999;
            border-top: solid 1px #999;
            border-left: solid 1px #999;
            border-bottom: solid 1px #999;
            margin: 0;
            /*5pxから*/
            padding: 0;
        }

        OL.Tree>LI {
            border-bottom: solid 1px #ccc;
        }

        OL.Tree>LI:last-child {
            border-bottom: none;
        }

        OL.Tree>LI>ul {
            border-bottom: solid 1px #ccc;
        }

        OL.Tree>LI>ul:last-child {
            border-bottom: none;
        }

        OL.Tree LI>ul>li.trigger {
            /*フォルダ名/項目名など*/
            border-top: solid 1px #ccc;
            margin: 0;
            padding: 5px;
            cursor: hand;
        }

        OL.Tree LI>ul>li.trigger:first-child {
            /*同上1番上*/
            border-top: none;
        }

        OL.Tree LI>ul>li.trigger:hover {
            /*同上マウスオーバー*/
            background: #F2F2F2;
        }

        OL.Tree LI>ul>li.submenu {
            /*フォルダ中味/内容説明など*/
        }

        /*4階層まで*/
        /*項目名*/
        OL.Tree>LI:first-child>ul>li.trigger {}

        OL.Tree>LI:nth-child(2)>ul>li.trigger {}

        OL.Tree>LI:nth-child(3)>ul>li.trigger {
            text-indent: 1em;
        }

        OL.Tree>LI:nth-child(4)>ul>li.trigger {
            text-indent: 2em;
        }

        /*項目内容*/
        OL.Tree>LI:first-child>ul>li.submenu {
            margin-left: 2em;
        }

        OL.Tree>LI:nth-child(2)>ul>li.submenu {
            margin-left: 3em;
        }

        OL.Tree>LI:nth-child(3)>ul>li.submenu {
            margin-left: 4em;
        }

        OL.Tree>LI:nth-child(4)>ul>li.submenu {
            margin-left: 5em;
        }

        /*閉時と展開時の*/
        OL.Tree li.none-submenu,
        OL.Tree li.active-submenu {
            cursor: pointer;
            transition: all 0.3s linear;
        }

        OL.Tree>LI>ul>li.active-submenu {
            border-bottom: dotted 1px #ccc;
        }

        OL.Tree>LI:first-child>ul>li.none-submenu:before {
            /*始項目：閉時*/
            content: "▶︎";
            /*▶︎ん？文字化けするやつかも*/
        }

        OL.Tree>LI:first-child>ul>li.active-submenu:before {
            /*始項目：展開時*/
            content: "▼";
            color: gray;
        }

        OL.Tree>LI>ul>li.none-submenu:before {
            /*閉時*/
            content: "└▶︎";
            /*ん？文字化けするやつかも*/
        }

        OL.Tree>LI>ul>li.active-submenu:before {
            /*展開時*/
            content: "└▼";
            color: gray;
        }


        /*----------基本--------------------------------------------------*/
        body {
            scroll-behavior: smooth;
            margin: 0;
            padding: 0;
            font-size: 100%;
            /* ==12px ==>%指定に変更==文字大きさ*/
        }


        /*----- レイアウト　幅まとめて指定    ------*/
        /*ページ全体*/
        #top~* div {
            box-sizing: border-box;
        }

        #top {
            width: 1000px;
            /*==960px==>変更=== */
            height: 100%;
            border-top: 6px solid #663333;
            /*ページ上辺赤#66333*/
            border-left: 1px solid #ccc;
            /*この２行でページ左右に線*/
            border-right: 1px solid #ccc;
            /*■border線無表示化*/
            padding: 0 0 0 0;
            /**/
            margin: 0 auto;
            /*中央配置*/
        }

        /*ブログ全体*/
        #container {
            /*topの中に配置するブログ全体：中央配置*/
            width: 930px;
            /*==860px ==>変更=== */
            /*line-height: 1.4; ==140%から単位変更==>無効：blogbody設定継承==*/
            text-align: left;
            margin: 0 auto;
            /*中央配置 */
            padding: 0;
            /*font-size:100%; ==>%指定追加==文字大きさ、#blogにさらに追加して==*/
            background: ;
            box-sizing: border-box;
        }

        #banner {
            /*ブログタイトル領域に配置：banner=ブログタイトル*/
            width: 600px;
            /* 960=YouTbeチャンネルページ */
        }

        #h3_area #logoback {
            width: 490px;
            /*max 600で*/
        }

        /*メインとサイドの2カラム分*/
        #content {
            width: 100%;
            /*==860px ==>変更==%指定==*/
            display: flex;
            justify-content: space-between;
            /*水平方向の揃えspace-between  space-around */
            box-sizing: border-box;
            background: ;
        }

        #blog {
            /*width: 620px; ==880pxからsideber幅除いた十分幅===*/
            /*==float: left; ==>flex化==*/
            flex-basis: 620px;
            /*width代わり*/
            font-size: 85%;
            /* ===記事本文 基準の文字大きさ===*/
            box-sizing: border-box;
            background: ;
        }

        #ma {
            flex-basis: 2em;
            /*==>新設==>メインとサイドバーの隙間==*/
        }

        #sidebar {
            /*width: 260px;  ==240px==>変更=flex子要素で=*/
            /*==float:right;==>flex化==*/
            align-self: stretch;
            /*==垂直方向の揃え親要素の高さ、またはコンテンツの一番多い子要素の高さに合わせ==*/
            flex-basis: 260px;
            /*==width代わり、垂直方向の揃え==*/
            box-sizing: border-box;
            background: ;
        }

        #tagCloudWarp {
            width: 100%;
            padding: 0 2em 0 1em;
            box-sizing: border-box;
            background: ;
        }

        /*ブログヘッド領域*/
        #blog-head-space {
            position: relative;
            /*もとの*/
            /*position: -webkit-sticky; safari対応 */
            /* position: sticky;
     top: 5px;　 上端から10pxのところで固定 */
        }


        /*メインとサイドの2カラム分*/
        #content {
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            position: relative;
            /*子要素の配置に関連して*/
            top: 0;
            left: 0;
            clear: both;
        }

        #content h3 {
            margin-top: -1em;
            padding: 0;
        }

        #content h3 small {
            font-weight: normal;
        }

        /*--ナビ(パンくずリスト)--*/
        nav oli {
            margin: 0;
            padding: 0;
        }

        nav ol li {
            display: inline;
        }

        nav ol li:not(:first-child):before {
            content: " ＞ ";
        }

        /*----font,文書構造----*/

        h1,
        h2,
        h3,
        h4,
        h5 {
            margin: 0px;
            padding: 0px;
        }

        h2 {
            font-size: 100%;
            /* ==>%指定追加==文字大きさ*/
            margin-bottom: -1em;
            /*投稿記事だと改行がはいるので調整用*/
        }

        small {
            font-size: 80%;
            /* 11px==>%指定に変更==文字大きさ*/
            line-height: 1.3;
            /*行間やや詰める*/
        }

        small .px9,
        .px9 {
            font-size: 9px;
            /*もっと小さい文字*/
        }

        strong {
            font-weight: bold;
            font-size: 100%;
            /* ==>%指定追加==文字大きさ*/
        }

        ul {
            margin: 0;
            padding: 0 0.5em;
            /*上下 左右*/
        }

        li {
            list-style-type: none;
        }

        ul.disc li {
            list-style-type: disc;
        }

        ul.circle li {
            list-style-type: circle;
        }

        ul.disc li,
        ul.circle li {
            padding-left: 0em;
            /*基準0 、点-2.0emから文字までの隙間*/
            position: relative;
            /*基準位置*/
            margin-left: 1.2em;
            /*0.8em*/
            list-style-position: outside;
            /* ポッチ位置*/
        }

        /*--txt外部/内部リンク(にそれぞれの矢印アイコン)--*/
        .gaibu::after,
        .thumLink p::after,
        ul.profile li a::after {
            content: url("https://blog-imgs-77-origin.fc2.com/g/t/r/gtrinthesky/link.png");
            margin-left: 0.1em;
        }

        /*------
サイドバーの内部リンク
----*/
        .side ul li::before {
            content: url("https://blog-imgs-26-origin.fc2.com/g/t/r/gtrinthesky/arrow.gif");
            /*内部リンク矢印*/
            position: relative;
            top: 3px;
            ／＊位置調整*/
        }

        a.naibu,
        ul.naibu li a,
        ul.naibu li.add,
        .side ul li {
            position: relative;
            left: 0.1em;
            padding-left: 1.025em;
            /*擬似アイコン分左を空ける*/
        }

        a.naibu::before,
        ul.naibu li a::before,
        ul.naibu li.add::before,
        a.naibu::after,
        ul.naibu li a::after,
        ul.naibu li.add::after {
            position: absolute;
            content: "";
        }

        a.naibu::before,
        ul.naibu li a::before,
        ul.naibu li.add::before {
            top: 0.4em;
            left: 0em;
            display: inline-block;
            width: 0.9em;
            height: 0.9em;
            border-radius: 0.2em;
            background: var(--add);
        }

        a.naibu::after,
        ul.naibu li a::after,
        ul.naibu li.add::after {
            top: 0.6em;
            left: 0.3em;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0.25em 0 0.25em 0.4em;
            border-color: transparent transparent transparent #fff;
        }

        /*ul.naibu li.add{background-position:0 2px;}ズレるので是正*/

        /*--PDF icon--*/
        a.pdf,
        .pdf {
            background: url(https://blog-imgs-129-origin.fc2.com/g/t/r/gtrinthesky/icon_PDFfile_48.png) no-repeat;
            background-size: 20px 20px;
            /*背景画像 背景領域に対する大きさ[w h]*/
            background-position: 0 1px;
            /* 微調整： [左から 上から] */
            padding: 4px 0 0 19px;
            /*アイコン分左を空ける、行の高さも調整*/
        }

        /*--soundcloud icon--*/
        a.scld,
        .scld {
            background: url(https://blog-imgs-129-origin.fc2.com/g/t/r/gtrinthesky/icon_soundcloud_48.png) no-repeat;
            background-size: 15px 15px;
            /*背景画像 背景領域に対する大きさ[w h]*/
            background-position: 0 0;
            /* 微調整： [左から 上から] */
            padding: 0 0 0 17px;
            /*アイコン分左を空ける、行の高さも調整*/
        }

        /*--google翻訳icon--*/
        a.ggl_t,
        .ggl_t {
            background: url(https://blog-imgs-129-origin.fc2.com/g/t/r/gtrinthesky/icon_google-translate_48.png) no-repeat;
            background-size: 20px 20px;
            /*背景画像 背景領域に対する大きさ[w h]*/
            background-position: 0 1px;
            /* 微調整： [左から 上から] */
            padding: 4px 0 0 20px;
            /*アイコン分左を空ける、行の高さも調整*/
        }

        .ggl_t_gray {
            background: url(https://blog-imgs-129-origin.fc2.com/g/t/r/gtrinthesky/icon_google-translate_48.png) no-repeat;
            background-size: 20px 20px;
            background-position: 0 1px;
            padding: 4px 0 0 19px;
            filter: grayscale(100%);
            /*無効を意味するグレースケール化*/
        }

        ul.profile li a:after {
            margin-left: 0;
        }

        /*thum画つき外部リンクのtxt部(に矢印アイコン)*/
        .thumLink p {
            text-indent: -1em;
        }

        /*中央揃えがズレる分調整*/
        .clear {
            clear: both;
            margin-top: 40px;
        }


        /*---------ページレイアウト--------------*/

        /*----ページ上部-----*/
        #topleft {
            float: left;
            /*右側にnewDTMを配置するから*/
        }

        #banner {
            /*ブログタイトル領域に配置：banner=ブログタイトル*/
            padding: 0;
            margin: 0 0 0 0;
            text-align: left;
            text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
            /*文字に白のフチ*/
        }

        /*ブログタイトル*/
        #banner h3 {
            padding: 6px 0px 8px 0px;
            /*上部の余白を揃える*/
            vertical-align: bottom;
            font-size: 20px;
        }

        #banner h3 a {
            font-weight: bold;
            text-decoration: none;
        }

        #banner h3 a:hover {
            font-weight: bold;
            text-decoration: underline;
        }

        /*ブログ説明 not_index_area時*/
        #banner div {
            font-weight: normal;
            font-size: 80%;
            /*11px ==>%指定に変更==文字大きさ*/
            margin-bottom: 18px;
            /*位置調整*/
        }

        #h3_area #logoback {
            background-repeat: no-repeat;
            background-size: auto 108%;
            /*背景画像 背景領域に対する大きさ[w h]*/
            float: left;
            height: 160px;
            /* 表示を見て微調整*/
            position: relative;
            top: 0;
        }

        #h3_area #logoback div#logo {
            /* 文字「UTAU x DTM」 */
            /*配置と高さ*/
            padding-top: 0px;
            /*30px*/
            /*font-style noto suns前後----*/
            font-wight: 700;
            /*font-wight boldから表記変更 noto suns前後*/
            font-size: 80px;
            /*letter-spacing  noto suns 前後--*/
            color: #ffffff;
            -moz-opacity: 0.9;
            opacity: 0.9;
            /*透過*/
            text-shadow: 5px 5px 3px rgba(100, 100, 100, 0.8);
            /*文字にドロップシャドウ*/
        }

        #logoback div {
            font-size: 80%;
            /*11px ==>%指定に変更==文字大きさ*/
            /*サイト説明introductionもここ*/
            text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
            /*文字にドロップシャドウ [R,G,B, 透過度][255,255,255=白]*/
        }


        #logo small {
            font-size: 48px;
        }

        /*-矢印領域--*/
        #dottedallow {
            float: right;
            width: 130px;
            height: 180px;
            /*border:1px dotted gray;確認用*/
        }

        /*-矢印をul liで-*/
        #dottedallow ul {
            /*border:1px dotted red;確認用*/
            height: 40px;
            margin-top: 60px;
            padding-left: 15px;
        }

        #dottedallow ul li {
            /*横並び*/
            float: left;
        }

        #dottedallow ul li:not(:last-child) {
            margin: 12px 5px 0 0;
            /*[上][右]下左*/
            width: 18px;
            height: 18px;
            border-radius: 100%;
            /*円*/
        }

        #dottedallow ul li:last-child {
            /*右向き矢印：▶︎部*/
            position: relative;
            left: 0px;
            width: 0;
            height: 0;
        }

        /*--- ページtop:右側 最近upした動画-------*/
        #newDTM,
        #newMiniDTM {
            /*ブログタイトル領域に配置：plugin_first、最近upした動画*/
            width: 240px;
            /* width変更前230*/
            /*height下部説明文がなかったらレイアウト崩れる*/
            float: right;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            font-size: 80%;
            /*11px ==>%指定に変更==文字大きさ*/
            /*background:;表示確認用*/
        }

        #newDTM h4.sidetitle,
        #newMiniDTM h4.sidetitle {
            font-size: 80%;
            /*11px ==>%指定に変更==文字大きさ*/
            padding: 5px 3px 5px 3px;
            /*上に余裕、下にも 改5　旧0*/
            /*border下線無しに; ■border線無表示化に伴い*/
            background: #ffffff;
            /*薄背景色も無くしたい場合は指定する*/
        }

        #newDTM .side,
        #newMiniDTM .side {
            margin-left: auto;
            /*中央揃え*/
            margin-right: auto;
        }

        #recomendMOV {
            /*動画部分のみ h変更 改121 旧130*/
            margin-left: auto;
            /*中央揃え*/
            margin-right: auto;
            /*border:solid 1px gray; 変更〜〜〜つかなくした*/
            width: 215px;
            height: 121px;
        }

        /*--別窓表示で動画Player--*/
        a.popWin img,
        a.popWin {
            margin-left: 2px;
            -webkit-filter: grayscale(1);
            /* Webkit */
            filter: gray;
            /* IE6-9 */
            filter: grayscale(1);
            /* W3C */
        }

        a.popWin img:hover,
        a.popWin:hover {
            -webkit-filter: grayscale(0);
            /* Webkit */
            filter: none;
            /* IE6-9 */
            filter: grayscale(0);
            /* W3C */
        }

        a.popWin:hover {
            text-decoration: none;
        }




        /*---各ページ更新履歴 #plugin_third使用--*/


        /*---Index area モード--*/
        #blogindex {}

        /*---Index area モード, parmanentモード #plugin_third更新履歴----*/
        #blogindex .plugin,
        #h3_area .plugin {}

        #blogindex #whatsnew_con {
            /*更新履歴 @ページTOP*/
            height: calc(6em + 0.2em * 6);
            /*高さ ≒5行分*/
            overflow-x: hidden;
            /*ヨコscroll出ないように*/
        }

        #blogindex #whatsnew_con li {
            /*文字間隔ちょい詰め*/
            /*letter-spacing: noto suns前後*/
        }

        #whatsnew_con li {
            /*文字間隔ちょい詰め*/
            font-size: 95%;
            /*==>指定ココだけ==文字大きさ*/
            line-height: 1.5;
            /*===>blogindex に指定した1.7行間　の相殺 ==*/
            letter-spacing: -0.05em;
        }

        #blogindex #plugin_third .side .plugin-freearea ul li {
            background-image: none;
            text-indent: 0em;
            list-style-type: none;
            margin: 0 0 0;
            padding: 0 0 0;
            text-indent: 0em;
        }

        #blogindex #plugin_third .side .plugin-freearea ul li:first-child {
            /*font-weight:bold;1行目のみ：文字大きさ・太さ変える場合*/
            /*font-size: 14px;*/
        }

        #blogindex h2 {
            /*index でのh2見出し*/
            margin-top: 2em;
            margin-bottom: 1em;
            /*改行分*/

        }

        #blogindex h2,
        #blogindex p#whatsnew {
            background-image: url("https://blog-imgs-77-origin.fc2.com/g/t/r/gtrinthesky/16x16_Gtr.png");
            background-repeat: no-repeat;
            background-position: left 4px top 6px;
            /*位置調整*/
            padding: 3px 3px 1px 22px;
            /*左側にアイコン分の余白*/
            font-size: 120%;
            /*18px==>%指定に変更==文字大きさ*/
            /*index でのh2見出し まとめて指定*/
            color: gray;
            background-color: #FAFAFA;

        }

        /*   カードのように   flexでも 可 */
        #blogindex ul.indexareamenu {}

        #blogindex ul.indexareamenu li {
            border-radius: 8px;
            /*角丸め*/
            border-top: solid 0.2em color:silver;
            border-right: solid 0.2em color:silver;
            border-bottom: solid 0.2em color:silver;
            border-left: solid 0.2em color:silver;
        }

        #blogindex ul li.menu {
            /*Index_area_主なメニュー紹介*/
            float: left;
            /*サイドバーのとこで枠線指定*/
            width: 30%;
            height: 90px;
            margin: 4px;
            padding: 4px;
            border-radius: 8px;
            /*角丸め*/
            /*font-size 指定外し*/
        }

        #blogindex ul li h4 {
            text-align: center;
            font-weight: normal;
            margin-top: 0.5em;
        }

        #blogindex ul li h3 {
            text-align: center;
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
        }

        #blogindex ul li.menu small {
            color: gray;
        }




        /*-------サイドバー側全体----------*/
        #sidebar {
            margin: 0 0 70px 0;
            /*下に余白(=ページ下部に余白)*/
            padding: 0 0 0 0;
            font-size: 80%;
            /*font-family noto suns 前後 11px==>指定大きさ&単位変更== */
            text-align: left;
        }


        .plugin,
        #blogindex li.menu {
            /*border類なしに ■border無表示化*/
            margin-bottom: 12px;
        }

        h4.sidetitle:first-child {
            /* h4..sidetitle最初のやつだけ*/
            padding: 0 3px 4px 10px;
            /**/
            margin: 0 0px 0px 0px;
            /**/
        }

        h4.sidetitle {
            /*色は一括指定で*/
            font-size: 100%;
            /* ==>11px 文字太さ==>*/
            padding: 5px 3px 4px 10px;
            /*上下に余裕*/
            margin: 9px 0px 0px 0px;
            /*■border無表示化に伴う調整*/
        }

        .side {
            margin: 0px 0px 0px 0px;
            padding: 5px;
            word-break: break-all;
            line-height: 1.5;
            overflow: hidden;
        }

        .side p {
            margin: 0px;
            line-height: 1.7;
            /*  =====> .side il li と同じく=====*/
        }

        #sidebar div.plugin:nth-of-type(1) input {
            /*= #plugin-search ---*/
            vertical-align: middle;
            border-radius: 3px;
        }

        #sideMenu h5 {
            /*太字で(カテゴリ名)相当*/
            margin: 2em 0 0 0;
            padding-top: 1em;
            padding-bottom: 0.5em;
            /*上下の余白を調整*/
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
        }

        #sideMenu h5#home {
            margin-top: 0;
        }

        /*home相当の上余白相殺*/

        /*カテゴリIcon    */
        h5.ctgr1,
        h5.ctgr2,
        h5.ctgr3,
        h5.ctgr4,
        h5.ctgr5,
        h5.ctgr6,
        h5.ctgr7,
        h5.ctgr8 {
            height: 64px;
            background-size: auto 90%;
            /* contain 縦横比は保持して、背景領域に収まる最大サイズ*/
            background-position: 3px 3px;
            /* [左][上] 位置調整*/
            background-repeat: no-repeat;
            margin: 30px 0 0 0;
            /*相殺用*/
            padding-top: 2em;
            /*23px;*/
            padding-left: 70px;
            box-sizing: border-box;
            border-radius: 3px;
            background-color: var(--bg_color0);
            /*ごく薄い背景色*/
        }

        h5.ctgr1 {
            /*音源タグx動画*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_SoundTag-Mov.png);
        }

        h5.ctgr2 {
            /*PlayList*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_PlayList.png);
        }

        h5.ctgr3 {
            /*UTAU-Synth / UTAU*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_UTAU-Synth.png);
        }

        h5.ctgr4 {
            /*DTM、DAW*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_DTMDAW.png);
        }

        h5.ctgr5 {
            /*TAB譜ソフト*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_Tablature.png);
        }

        h5.ctgr6 {
            /*guitar 演奏・録音*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_AGt_Rec.png);
        }

        h5.ctgr7 {
            /* ♪AIR */
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_SongAIR.png);
        }

        h5.ctgr8 {
            /*ABOUT*/
            background-image: url(https://blog-imgs-127-origin.fc2.com/g/t/r/gtrinthesky/Icon_ctgr_ABOUT.png);
        }

        .ctgr4 li img {
            /* VST,AU関連のメニュー前画像 */
            width: 2.5em;
            height: 2.5em;
            vertical-align: bottom;
            margin: 0 2px 0 2px;
            /*左右に余白*/
            border-radius: 0px;
            /*角丸しない*/
        }

        .side ul {
            margin: 0 0 3px 0;
            /*下に余白*/
            padding: 0;
        }

        .side ul li {
            padding: 0 0 0.8em 0;
            /* ===>0 0 3px 0 から変更=== */
            line-height: 1.5;
            /* line-height:170%; ==>復活&設定値変更===*/
        }


        .side ul li img {
            /*メニューバーの 各ソフトの小アイコン*/
            width: 14px;
            height: 14px;
            /*元サイズは36x36なので*/
            vertical-align: bottom;
            margin: 0 2px 0 2px;
            /*左右に余白*/
            border-radius: 0px;
            /*角丸しない*/
        }



        /*グレーストライプ @サイドバー*/
        .side ul .graystripe {
            background-color: #ECECEC;
            background-repeat: repeat;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9), color-stop(.75, transparent), to(transparent));
            opacity: 0.7;
        }

        .side ul .graystripe:hover {
            /*hoverでストライプ柄デッカくなるの防げてない@2019/10/07*/
        }

        /*-------メイン記事側----------*/
        #blog {
            padding: 0 0 0 0;
            /*0 10px 0 0*/
        }

        /*-------個々のpost記事--------------*/
        #catepage>nav {
            /*カテゴリ別表示時のナビ*/
            display: none;
            /*1ページに１個分のみ表示する用*/
        }

        #catepage>nav:last-child {
            display: block;
            /*1ページに１個分のみ表示する用*/
            margin-bottom: 0;
        }

        #catepage em.newMark {
            /*カテゴリ別表示時のnewマーク_反映されてないな🍎🍎🍎🍎🍎🍎*/
            display: block;
            background-color: yellow;
        }

        #catepage em.newMark::after {
            display: block;
            display: block;
            content: "ぬぬぬぬぬ";
        }

        #blog nav ol {
            /*エリアモード表示のナビゲーション*/
            font-size: 10px;
            height: 14px;
            /*border: 1px solid orange; 確認用、通常非表示で*/
            position: absolute;
            top: -15px;
            font-weight: normal;
        }

        /*ていうか日付のみ*/
        .category {
            width: 100%;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            text-align: right;
            margin: -23px 0 0 0;
            padding: 0 0.5em 0 0;
        }

        .blogbody .category>i,
        .blogbody footer>i {
            color: darkgray;
            font-style: normal;
            font-size: 75%;
        }

        h1.title {
            width: 100%;
            background: #B22222;
            color: white;
            font-size: small;
            /*font-size:small;  noto suns前後 */
            /*margin: 0 0 0 0;上右下左*/
            margin-bottom: 0.4em;
            padding: 0.20em 0 0 0.5em;
            /*左をやや空け,下辺より上辺にやや余白 */
            line-height: 200%;
            /*paddingではなく*/
            overflow: hidden;
            box-sizing: border-box;
        }

        h1.title a {
            background: url("https://blog-imgs-26-origin.fc2.com/g/t/r/gtrinthesky/arrow.gif") no-repeat;
            /* 矢印アイコン*/

            background-position: 0 3px;
            /* 矢印アイコンの位置調整 -1px*/
            /*位置調整 noto suns前後 */
            padding-left: 1.1em;
            /*矢印分の余白*/
            filter: brightness(120%);
            /*やや明るく*/
        }

        #catepage nav ol {
            margin-bottom: 2em;
        }

        .category a.non,
        .category a.non:visited {
            /*  color:#2E64FE; 全記事リストモード時の カテゴリ名*/
        }

        .blogbody {
            position: relative;
            /*子要素の配置に関連して*/
            /*font-size:100%; ｜13px==>%指定に変更==>さらに変更==#content 継承なので指定不要==文字大きさ*/
            line-height: 1.7;
            /*160%から変更 =====> さらに、1.7に変更 =====*/
            /*letter-spacing noto suns前後  */
            clear: both;
            /*border類なしに ■border線無表示化*/
            padding: 5px 10px 0px 10px;
            margin-top: 1.5em;
            margin-bottom: 3em;
            /*🍊*/
        }

        .blogbody img {
            /*本文中の外部リンクのアイコン用*/
        }

        .blogbody iframe {
            /*ページ内記事埋め込み動画*/
            border: solid 1px gray;
        }

        .gopagetop {
            margin: 100px 0 100px 0;
            /*上下に余白*/
            padding: 0;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            text-align: right;
        }

        .blogbody footer {
            clear: both;
            width: 100%;
            margin: 20px 0px 0px 0px;
            /**/
            border-top: solid 5px #B22222;
            /*■border線無表示化に伴い変更**/
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            text-align: right;
            /**/
            padding: 4px 0 1px 0;
            /*上部、下部に余裕*/
        }

        footer {
            /*記事下もページ下も*/
            font-weight: normal;
        }

        .bnrsmallWarp p.bnrsmall {
            /*ブログランキング系ミニバナー*/
            display: inline;
            margin-left: 15px;
        }

        .forTabletsize,
        #headerLink {
            display: none;
        }

        /*---------------------------------------
一連の記事群用
----------------------------------------*/
        /*記事0：Soundfontカタログ*/
        DIV#SoundfontPage {}

        DIV#SoundfontPage h2 {
            margin-top: 2em;
            margin-bottom: 1em;
        }

        DIV#SoundfontPage img.Logo_SoundfontPage {
            float: left;
            border: solid 1px #dfdfdf;
            margin: 0 10px 3em 0;
            box-shadow: 4px 4px 4px gray;
            /*影*/
        }

        #loadMes {
            float: left;
            width: 400px;
            height: 30px;
            padding-top: 5px;
            box-sizing: border-box;
            margin-top: 1em;
            margin-left: 25px;
            background-color: #f2f2f2;
            border-radius: 10px;
        }

        #loadMes>b {
            text-align: center;
        }

        #loadMes>b>img {
            vertical-align: middle;
        }

        /*-----------TAB譜ソフト記事で-------------*/
        .TabSoftsPost a h2 {
            color: #444;
        }

        .TabSoftsPost a:hover h2 {
            background: #B22222;
            color: #fff;
            cursor: hand;
            border-color: #B22222;
        }

        .TabSoftsPost a:hover h2 div {
            text-decoration: none;
        }

        .TabSoftsPost .TabCon h3 {
            /*各ソフト*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
            margin-bottom: -1em;
            /*投稿記事だと改行が入るので調整*/
        }

        .TabCon h3 img {
            /*各ソフトの小アイコン*/
        }

        #about3_gtrprofile_wrap {
            height: 100px;
        }

        /*--インポート検証--*/
        .ImportSpec h3 {
            display: inline;
            font-size: normal;
            /*margin-bottom:-1em;投稿記事だと改行が入るので調整*/
        }

        .ImportSpec h3 img {
            /*各ソフトの小アイコン*/
            width: 24px;
            height: 24px;
            /*元サイズは36x36なので*/
            vertical-align: text-bottom;
            margin-right: 2px;
            /*右側との余白間隔*/
        }

        .ImportSpec .indent {
            color: #ccc;
            /*#999より薄めの色一括指定ですべきか*/
        }

        .text-shadow {
            text-shadow:
                /*影と文字の間に1pxの薄いグレーのライン*/
                1px 1px 0px rgba(255, 255, 255, 0.3),
                2px 2px 3px rgba(0, 0, 0, 0.5);
        }

        .TabSoftsPost h2 img.icn32 {
            /*TAB譜ソフトアイコン32x32の*/
            position: relative;
            /*配置調整*/
            top: 4px;
            left: 10px;
        }

        .TabSoftsPost h2 {
            /**/
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            border-radius: 10px 10px 0px 0px;
            /**/
            background: #F2F2F2;
            /*一括指定に変更した方が？*/
            border-top: 3px dotted #ccc;
            /**/
            border-bottom: 3px dotted #ccc;
            /*border-right:3px dotted #F2F2F2;*/
            margin-bottom: -10px;
            /*投稿記事だと改行がはいるので調整用*/
        }

        .TabSoftsPost h2 div {
            /*TAB譜ソフトアイコン隣のソフト名など*/
            display: inline;
            /*float:left;だとデザイン崩れる*/
            position: relative;
            /*配置調整*/
            bottom: 6px;
            text-decoration: none;
        }

        .TabSoftsPost h2 div.Title {
            width: 250px;
            /*display:inline;だと横幅効かない*/
            margin-left: 5px;
            margin-right: 30px;
            text-decoration: none;
        }

        .TabSoftsPost h2 div.OS {
            width: 100px;
            /*効かない*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
            font-weight: normal;
            margin-right: 30px;
            text-decoration: none;
        }

        .TabSoftsPost h2 div.Cost {
            width: 100px;
            /*効かない*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
            font-weight: normal;
        }

        .TabSoftsPost h2 div.px9 {
            font-size: 10px;
        }

        .TabSoftsPost h2 .T_type {
            /*[ビューワ]アイコン代わり*/
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            /*ボーダーの外側までを高さ・横幅とする*/
            color: orange;
            /*色=オレンジ系#FE642E グリーン系green*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
            line-height: 1;
            width: 35px;
            padding: 3px;
            border: 2px solid orange;
            /*ボーダー色もオレンジ系#FE642E グリーン系green*/
            border-radius: 12px;
            /*角丸める*/
            float: right;
            /*右端に配置*/
            margin: 10px 4px 10px;
            /*上3px (左側に"無料"の文字)*/
        }

        .TabSoftsPost h2 div.Cost-free {
            /*[無料]アイコン代わり*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
            line-height: 1;
            width: 35px;
            /*height:;*/
            padding: 3px 5px 3px;
            color: orange;
            /*色=オレンジ色系#FE642E グリーン系green*/
            float: right;
            /*右端に配置*/
            /*font-weight:normal;*/
            margin-top: 18px;
            /* (右側に"ビューワ"の囲み文字)*/
        }

        .TabSoftsPost h2 div.Cost-free,
        .TabSoftsPost h2 div.T_type {
            /*display:;非表示にといてもよか*/
        }

        .TabSoftsPost blockquote {
            background: lightyellow;
            /*beigeから変更*/
            color: gray;
            /*色は一括指定で指定してもいかも？*/
            font-size: 85%;
            /*10px==>%指定に変更==文字大きさ*/
            display: inline;

            margin: 0 0 -1.2em 5em;
            /*左側に余白4文字分、下側は投稿記事だと改行がはいるので調整用*/
            padding: 3px 3px 1px 3px;
            /*下余白のみ少なめで*/
        }

        .TabSoftsPost .blockquote_add {
            color: gray;
            /*色は一括指定で指定してもいかも？*/
            margin: 0 0 -1.2em 5em;
            /*左側に余白4文字分、下側は投稿記事だと改行がはいるので調整用*/
            font-size: 85%;
            /*10px==>%指定に変更==文字大きさ*/
        }

        /*--各12ソフト---*/
        .TabSoftsPost>small.em {
            /*直下のh3へのめり込み防止margin効かない*/
            display: block;
            margin-bottom: -6px;
        }

        .TabSoftsPost h3 {
            font-size: 100%;
            /*==>%指定==*/
            border-radius: 4px 4px 4px 4px;
            color: gray;
            background: #F2F2F2;
            padding: 4px 2px 2px 4px;
        }

        .TabSoftsPost h4 {
            margin-bottom: -1em;
            /*空白行よけ*/
        }

        .TabSoftsPost h3:before {
            content: "●";
        }

        /*h3要素の先頭に指定の文字を追加*/

        .TabSoftsPost .basicData,
        .basicData {
            /*枠と背景色は一括指定で*/
            width: 90%;
            /*80%か90%か*/
            margin-right: auto;
            margin-left: auto;
            /* font-size:11px;*/
            padding: 4px;
        }

        .TabSoftsPost .basicData ul {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            /**/
        }

        .TabSoftsPost .basicData ul li {
            list-style-type: none;
            /**/
            margin-left: 6em;
            text-indent: -1em;
        }

        .TabSoftsPost .slideInfo {
            float: left;
            position: relative;
        }

        #pteslImg {
            left: 115px;
            top: 60px;
        }

        #gpxptbImport {
            width: 400px;
            height: 160px;
        }

        .kakomi {
            /*黄色い囲み枠*/
            border: 2px solid #FFFF00;
            /*背景=黒,灰,白にも、目立つ色=黄色系*/
            border-radius: 5px;
            /*丸角*/
            color: #a1652a;
            line-height: 1.3;
        }

        .kakomi {
            /*囲み枠*/
            border: 2px solid #FFFF00;
            /*背景=黒,灰,白にも、目立つ色=黄色系*/
            border-radius: 5px;
            /*丸角*/
        }

        /*-矢印-*/
        .yajirusi_right {
            /*右向き矢印：▶︎部*/
            position: relative;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-left-color: #FFFF00;
            /*背景=黒,灰,白にも、目立つ色=黄色*/
        }

        .yajirusi_right:after {
            /*右向き矢印：横棒*/
            position: absolute;
            content: '';
            top: -3px;
            left: -26px;
            width: 20px;
            height: 6px;
            background: #FFFF00;
            /*背景=黒,灰,白にも、目立つ色=黄色*/
        }

        .yajirusi_down {
            /*下向き矢印：▼部*/
            position: relative;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-top-color: #FFFF00;
        }

        .yajirusi_down:after {
            /*下向き矢印：縦棒*/
            position: absolute;
            content: '';
            top: -16px;
            left: -3px;
            width: 6px;
            height: 10px;
            background: #FFFF00;
        }

        /*pte2 tg132*/
        #pte2About,
        #tg132Changes {
            /*背景色は直に指定*/
            box-shadow: 3px 3px 7px gray;
            /*影　ぼかし中程度*/
            -moz-box-shadow: 3px l3px 7px gray;
            -webkit-box-shadow: 3px 3px 7px gray;
            padding: 4px;
            background: lightyellow;
            /*beigeから変更*/
            position: relative;
            top: 0;
            left: 0;
            /*配置の基準用*/
        }

        #tg132Changes {
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            line-height: 1.3;
        }

        #tg132Changes blockquote {
            margin-left: 4em;
        }

        #pte2_sl_img {
            box-shadow: 3px 3px 7px gray;
            /*影 ぼかし中程度*/
            -moz-box-shadow: 3px 3px 7px gray;
            -webkit-box-shadow: 3px 3px 7px gray;
        }

        #pte2About blockquote,
        #tg132Changes {
            /*色は一括指定で*/
            margin-left: 4em;
            /*左側に余白4文字分*/
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
        }

        .TabSoftsPost .nav,
        .ImportSpec .nav,
        .nav {
            /* 記事ナビゲーション　前上後*/
            border-top: 2px dotted #ccc;
            /*#ccc 上辺*/
            border-bottom: 2px dotted #ccc;
            /*#ccc 上辺*/
            margin: 0 auto;
            /*中央配置*/
            text-align: center;
            /*中央揃え*/
            width: 90%;
        }

        /*TuxGuitar記事*/
        .tgPost {}

        .tgPost .basicData hr {
            border: dotted 1px #ccc;
        }

        .tgPost h2 {
            padding: 5px 5px 3px 35px;
            background: url('https://blog-imgs-77.fc2.com/g/t/r/gtrinthesky/Icon_TuxGuitar.png') no-repeat #f2f2f2;
            margin-top: 4em;
            margin-bottom: 2em;
        }

        .tgPost h3 {
            margin-top: 2em;
            margin-bottom: 0em;
        }

        .tgPost div.ImgClip,
        .ImgClip {
            /*画像を背景画像として指定*/
            background-position: left -32px top -170px;
            background-repeat: no-repeat;
            width: 530px;
            height: 240px;
            border: solid 4px #ccc;
            border-radius: 20px;
        }

        /*-------------------------
 記事中画像 モバイル分け用
--------------------------*/
        .tgPost div.Imgw300 {
            width: 300px;
            height: 212px;
            float: left;
        }

        div.ImgwHarf>img,
        figure.ImgwHarf>img {
            width: 50%;
            /*記事幅に対してw50% */
            height: auto;
            text-align: center;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            margin: 0 auto;
            /*中央配置*/
        }

        figure.imgwHarf figcaption {
            font-size: 11px;
            color: var(--add);
        }

        .tgPost div.ImgwAll,
        .TabSoftsPost div.ImgwAll,
        div.ImgwAll {
            width: 100%;
            /*記事幅に対してw100% */
            height: auto;
            text-align: center;
            margin: 0 auto;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
        }

        div.ImgwHarf img,
        /*div幅いっぱい*/
        div.ImgwAll img {
            width: 100%;
            height: auto;
        }

        .tgPost div.ImgwAll p,
        .TabSoftsPost div.ImgwAll p,
        .tgPost div.ImgwAll div,
        .TabSoftsPost div.ImgwAll div {
            position: relative;
            top: -3.5em;
            /*ScnCap画像下の文字が画像から離れすぎないように*/
        }

        .tgPost div.ImgwAll img,
        .tgPost div.Imgw300 img,
        .TabSoftsPost div.ImgwAll img {
            width: 100%;
            height: auto;
        }

        .tgPost div.ImgwAll img.media_icon {
            width: 16px;
            height: 16px;
            margin-top: 4px;
        }

        .tgPost_ExView {
            width: 100%;
            height: 360px;
            overflow-x: scroll;
            /*ヨコ方向のみスクロール表示*/
            overflow-y: hidden;
            border: solid 4px #ccc;
            border-radius: 20px 20px 0 0;
            box-sizing: border-box;
        }

        .tgPost_ExView+div {
            font-size: 80%;
            text-align: center;
            margin-bottom: 5em;
        }


        /*--------UTAU-Synth記事関連--------*/
        .section_box {
            border: 2px solid #ccc;
            border-radius: 4px;
            /*角丸め極少し*/
            padding: 0.5em;
        }

        .em_box {
            /*背景色は直に指定*/
            box-shadow: 3px 3px 7px gray;
            /*影　ぼかし中程度*/
            -moz-box-shadow: 3px l3px 7px gray;
            -webkit-box-shadow: 3px 3px 7px gray;
            border: dotted #9C9E9C 1px;
            padding: 4px;
            background: lightyellow;
            /*beigeから変更*/
            position: relative;
            top: 0;
            left: 0;
            /*配置の基準用*/
        }

        .em_box ul li {
            font-size: 100%;
            /*12px==>%指定に変更==文字大きさ*/
        }

        .menu_box h2 {
            background-image: url("https://blog-imgs-26-origin.fc2.com/g/t/r/gtrinthesky/arrow.gif");
            /* 矢印アイコン*/
            background-repeat: no-repeat;
            background-position: left 0px top 3px;
            /*矢印アイコンの位置調整*/
            margin: 3px 3px -1.5em 3px;
            /*ちょっと項目の左側あける？*/
            padding-left: 15px;
            /*矢印アイコン分、左を空け*/
        }

        .menu_box {
            border: 1px solid #ccc;
            background: #FAFAFA;
            /*背景色は一括指定でも*/
            width: 80%;
            /*幅指定*/
        }

        .menu_box p {
            text-align: center;
            padding: 0;
            margin: 0.5em 0 0 0;
        }

        .menu_box ul {
            padding: 0.5em;
            margin: 0 0 0 0;
        }

        .menu_box ul li {
            position: relative;
        }

        .menu_box ul li a,
        .menu_box ul li a:hover {
            background-image: url("https://blog-imgs-77-origin.fc2.com/g/t/r/gtrinthesky/Icon_UTAU-Synth.png");
            background-repeat: no-repeat;
            background-position: left 0px top -1px;
            /*位置調整*/
            text-indent: 1.8em;
            margin: 0 0 0 0;
            background-size: auto 95%;
        }

        .menu_box ul li.indent {
            background-image: none;
            margin-left: 2em;
        }

        .indent {
            margin-left: 4em;
        }

        h2.utau_synth,
        .UTAUword h2 {
            background-image: url("https://blog-imgs-77-origin.fc2.com/g/t/r/gtrinthesky/Icon_UTAU-Synth.png");
            background-repeat: no-repeat;
            background-position: left 5px top -1px;
            /*位置調整*/
            padding: 2px 2px 2px 33px;
            /*左側アイコン分余白*/
            margin-bottom: -1em;
            /**/
            background-size: contain;
            background-color: #FAFAFA;
            /*背景色は一括指定でも*/
        }


        h2.utau_synth .pagelink,
        h3.utau_synth .pagelink,
        .pListPost h2 .pagelink {
            float: right;
            /*右端に配置*/
            padding-right: 3em;
            box-sizing: border-box;
        }

        h3.utau_synth {
            font-size: 100%;
            /*13px==>%指定に変更==文字大きさ*/
            /*bと変わりなし*/
            margin-bottom: -1em;
            /*投稿記事だと改行がはいるので調整用*/
            padding: 2px 2px 2px 2em;
            /*左側余白*/
            background-color: #FAFAFA;
            /*背景色は一括指定でも*/
        }

        /*-----------------------------------
記事ナビゲーション
TABソフト記事関連、UTAU-Synth記事関連
--------------------------------------*/
        ul.nav,
        ul.nav_v {
            border-top: 2px dotted #ccc;
            border-bottom: 2px dotted #ccc;
            margin: 50px auto;
            /*[上下余白50px][中央配置]*/
            text-align: center;
            /*中央揃え*/
            width: 85%;
            padding-top: 5px;
            padding-bottom: 2px;
        }

        ul.nav_v {
            width: 100%;
            /* 95%から100%に */
            font-size: 88%;
            /*88%==>%指定に変更==文字大きさ*/
        }

        ul.nav li,
        ul.nav_v li {
            width: 33%;
            /* 30%から 33%に */
            padding: 0.3em 1.2em 0.2em;
            /*[上][左右][下] pxからemに 3px 15px 2px*/
            display: inline;
        }

        ul.nav li:nth-child(2),
        ul.nav_v li:nth-child(2) {
            border-left: 1px solid gray;
            border-right: 1px solid gray;
        }

        ul.nav li a {}

        ul.nav li:nth-child(1) a:before,
        ul.nav_v li:nth-child(1) a:before {
            content: "＜";
        }

        ul.nav li:nth-child(3) a:after,
        ul.nav_v li:nth-child(3) a:after {
            content: "＞";
        }

        ul.nav li:only-child a:before,
        ul.nav_nth li a:before,
        ul.nav_v li:only-child a:before {
            content: "→ ";
        }

        /*nav_nth、関連ページへのリンクを付け足す時*/
        ul.nav_nth {
            margin: 0px auto;
            /*[中央配置]*/
            text-align: center;
            /*中央揃え*/
            width: 80%;
        }

        ul.nav_nth li {
            padding-top: 5px;
            padding-bottom: 2px;
        }

        /*----#スペック表table style----*/
        table#GtrSpec {
            border: solid 1px #800000;
            /*margin-top:0px;*/
            /*position:static;*/
        }

        table#GtrSpec td {
            text-align: left;
        }

        table#GtrSpec th,
        table td {
            margin-top: 0px;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            color: #800000;
            border: solid 1px #CC9999;
            line-height: 1;
        }

        table#GtrSpec th small,
        table #GtrSpec td small {
            color: darkgray;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
        }

        table {}

        /*----Icon of movei(camera),yt----*/
        .yt {
            /*埋め込みプレーヤー*/
            margin-top: 40px;
            margin-bottom: 50px;
        }

        .mv-ari {
            background: url("https://blog-imgs-48-origin.fc2.com/g/t/r/gtrinthesky/icn_cam-ARI.gif") no-repeat;
            width: 60px;
            height: 15px;
            vertical-align: text-bottom;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            /*color:;*/
            padding: 0 0 0 20px;
            margin: 0 0 0 0;
            /*font-family noto suns前後--*/

        }

        .mv-nasi {
            background: url("https://blog-imgs-48-origin.fc2.com/g/t/r/gtrinthesky/icn_cam-NON.gif") no-repeat;
            width: 60px;
            height: 15px;
            vertical-align: text-bottom;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            /*color:;*/
            padding: 0 0 0 20px;
            margin: 0 0 0 0;
        }



        /*------YTplaylistss再生リスト-------*/
        .block-list {
            box-shadow: 3px 3px 7px gray;
            /*影　ぼかし中程度*/
            -moz-box-shadow: 3px l3px 7px gray;
            -webkit-box-shadow: 3px 3px 7px gray;
            border: dotted #9C9E9C 1px;
            padding: 5px 0px 5px 0px;
            /*上下に余白*/
            margin: 0px 0px 0px 0px;
        }

        .YTplaylists {
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            line-height: 1.2;
            width: 250px;
            /*160->170->250に変更*/
        }

        .YTplaylists ul {
            margin: 0px 0px 0px 2px;
            padding: 0px 0px 0px 0px;
        }

        .YTplaylists ul li {
            margin: 0px 0px -7px 2px;
            padding: 0px 0px 0px 1em;
            line-height: 1;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
        }

        .YTplaylists ul li:before {
            content: "♪";
            /*任意の文字に*/
            margin-left: -1em;
        }

        /*----コード記事----*/
        .code {
            font-weight: bold;
            font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
            /*cursive から変更*/
            word-spacing: -0.5em;
            color: gray;
        }

        .code sup {
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            word-spacing: normal;
        }

        .code small {
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            font-weight: normal;
            word-spacing: -1px;
        }

        .boxx {
            border: dotted #9C9E9C 1px;
            /*#9C9E9C＝薄め灰色*/
            padding: 7px 7px 7px 7px;
            margin: 0px 10px 0px 10px;
            letter-spacing: 0;
            /* noto suns前後 */
        }

        .diagrm {
            /*等幅である必要*/
            font-family: "Osaka−等幅", "ＭＳ ゴシック", "monospace";
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            line-height: 0.98;
            letter-spacing: -0.07em;
            /*前は-2.0pxだったけど X○*/
            display: inline;
            padding-right: 10px;
        }



        /*-----------------------------------
モバイル/PC分け 用
-------------------------------------*/
        /*サムネ外部リンク〜UTAU-Synth準備*/
        .thumsLinkWarp {
            width: 100%;
        }

        .thumLink {
            float: left;
            text-align: center;
            width: 50%;
        }

        /*横幅用　〜UTAU-Synth*/
        .w290 {
            width: 290px;
            height: auto;
        }

        .w340 {
            width: 340px;
        }

        .w360 {
            width: 360px;
        }

        .float_left {
            float: left;
        }

        .float_right {
            float: right;
        }

        .PCDispNon {
            display: none;
        }


        /*画像サイズ*/
        /*Aboutカテのページ*/
        img.About_Guitars {
            width: 413px;
            height: 309px;
        }

        #LeftHand_remove_wrap {
            border: solid 6px black;
            width: 125px;
            height: 180px;
            position: absolute;
            top: 155px;
            left: 86px;
        }

        #LeftHand_remove {
            margin-top: 150px;
            font-weight: bold;
            font-size: 14px;
            color: black;
        }

        img#Elxser_Set_Buy {
            width: 400px;
            height: 292px;
        }


        /*⬇️3：埋込プレーヤーの親DIV：年ごとのまとめ*/
        .yt_thumsWrap {
            background-color: #f2f2f2;
        }

        .yt_thum,
        .yt_com1,
        .Del_yt {
            /*3列並ぶ, 1列分でコメント*/
            float: left;
            margin: 5px;
            width: 180px;
            height: 142px;
        }

        .yt_com2 {
            /*2列分でコメント*/
            float: left;
            margin: 5px;
            width: 360px;
        }

        .yt_thums_end {
            clear: left;
        }

        .yt_thumsWrap .Del_yt {
            background-color: gray;
            color: #ffffff;
            padding-top: 20px;
            box-sizing: border-box;
        }

        .yt_thumsWrap .Del_yt img {
            margin: 0 auto;
        }

        /*⬇️2：埋込プレーヤーの親DIV：Soundfontカタログのページ*/
        .ytVstWrap {
            width: 300px;
            height: auto;
            margin: 0 auto;
            posision: relative;
            left: -30px;
            /*中央揃えよりやや右にズレてるのを是正*/
            text-indent: 0;
            /*liの設定を継承しない*/
        }

        .ytVstWrap iframe {
            /*iframeのこと*/
            width: 300px;
            height: 182px;
        }

        .ytVstWrap p {
            text-align: center;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
            margin-top: -0.5em;
            line-height: 1.5;
        }

        /*⬇️4：埋込プレーヤーの親DIV：Soundcloudの*/
        .scWarpList {
            width: 100%;
            height: 500px;
        }

        .scWarpMini {
            width: 300px;
            height: auto;
            margin: 0 auto;
            posision: relative;
            left: -30px;
            /*中央揃えよりやや右にズレてるのを是正*/
            text-indent: 0;
            /*liの設定を継承しない*/
        }

        .scWarpMini iframe {
            display: block;
            margin: 5px;
        }

        /*埋込プレーヤーの親DIV：Playlistなどのページ*/
        .ytm_4x3 {
            width: 425px;
            height: 344px;
        }

        /*PC版はiframe親のdivに*/
        .ytm_16x9 {
            width: 570px;
            height: 320px;
            position: static;
            top: 0px;
            left: 0px;
        }

        /*改320 旧340*/
        .nikoMyList {
            width: 380px;
            height: 350px;
        }

        /*250 ->350へ変更ニコ動画*/



        /*再生Listプレーヤーの新規追加日*/
        #pList_update {
            position: relative;
            top: -406px;
            left: 380px;
        }

        #pList1-5_update {
            position: relative;
            top: -387px;
            left: 380px;
        }

        #pList2_update {
            position: relative;
            top: -325px;
            left: 380px;
        }

        /*-285px→325px*/



        /*埋込プレーヤー：横幅400px,中央揃え*/
        .ytm_16x9_400pxWrap {
            width: 400px;
            margin: 0 auto;
            padding: 10px;
        }

        .ytm_16x9_400pxWrap iframe {
            width: 400px;
            height: 225px;
            margin: 0 auto;
        }

        /*16x9*/


        /*---------------
コミュニティ(ジャンル-テーマ)
-----------------*/
        ul.commu {
            position: relative;
            top: calc(-23px - 3em);
            /*🍊調整*/
            display: inline;
            /*==font-size:100%;==*/
            margin: 0 0 0 1.5em;
            background-color: #f2f2f2;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
            padding: 4px 5px 4px 5px;
        }

        ul.commu li {
            display: inline;
            color: gray;
        }

        ul.commu li:first-child {
            font-size: 80%;
        }

        ul.commu li:last-child:before {
            content: " > ";
            font-size: 11px;
        }



        /*------------
タグクラウド
----------*/
        #tagCloudWarp {
            margin-top: 100px;
            /* width:580px; あれ？横幅 100%じゃ崩れる580px */
            box-sizing: border-box;
        }

        #tagCloudWarp>h4 {
            margin-left: 1em;

        }

        #tagCloudWarp>.Selecter {
            margin-top: -14px;
            /*調整用 */
            margin-bottom: 3px;
            /* ===位置 調整用タブ位置*/
            margin-left: 6em;
        }

        #tagCloudWarp>.Selecter>label {
            padding-bottom: 3px;
            /* Just調節*/
        }

        #tagCloudWarp>.SelecterWrap {
            min-height: 200px;
            padding: 10px 10px 0px 10px;
            border-top: 1px solid #999;
            border-left: 0 solid #999;
            border-right: 0 solid #999;
            border-bottom: 1px solid #ccc;
            /*見えたらおかしいかどうか*/
            margin: 0 auto;
            /*中央配置*/
        }

        #tagCloudWarp div.tag1,
        #tagCloudWarp div.tag2,
        #tagCloudWarp div.tag3 {
            display: none;
        }

        #tagCloudWarp a.yajirusi,
        a.yajirusi {
            background-image: url("https://blog-imgs-26-origin.fc2.com/g/t/r/gtrinthesky/arrow.gif");
            /* 行頭矢印*/
            background-repeat: no-repeat;
            background-position: left top -2px;
            /*矢印アイコンの位置調整*/
            margin: 0 0 0 0.5em;
            /*ちょっと左側に余白*/
            padding: 0 0 3px 1.3em;
            /*矢印アイコン分、左を空ける*/
            color: #444;
        }

        #tagCloudWarp a.yajirusi,
        a.yajirusi,
        #tagCloudWarp a.yajirusi:visited,
        a.yajirusi:visited,
        #tagCloudWarp a.yajirusi:link,
        a.yajirusi:link,
        #tagCloudWarp a.yajirusi:hover,
        a.yajirusi:hover {
            #0060C0
        }

        #tagCloudWarp .cloudinfo {
            margin-top: 0;
            text-align: right;
            font-size: 80%;
            /*11px==>%指定に変更==文字大きさ*/
        }

        #TgCl a {
            /*共有プラグイン：CssTagCloud での*/
            white-space: nowrap;
            /*改行抑制*/
        }


        /*--フッターまえのカテゴリ リンク--*/
        .categryLink {
            clear: both;
            width: 100%;
            margin-top: 30px;
            text-align: center;
        }

        .categryLink ul {
            margin-bottom: 0.5em;
        }

        .categryLink ul:first-child {
            margin-top: 0.5em;
        }

        .categryLink li {
            display: inline;
            padding: 0 0.7em;
        }

        .categryLink li a,
        .categryLink li a:visited {
            color: #777;
        }

        .categryLink ul:nth-child(1) {
            font-size: 80%;
            /*9px==>%指定に変更==文字大きさ*/
        }

        .categryLink ul:nth-child(2) {
            font-size: 70%;
            /*9px==>%指定に変更==文字大きさ*/
        }

        /* ------一番下の部分(copyright)  フッター------------*/
        footer#fc2 {
            clear: both;
            width: 100%;
            /* まえは850px */
            /*font-family noto suns前後--*/
            color: #777;
            text-align: center;
            border-top: 1px solid #ccc;
            padding-bottom: 0.5em;
            margin-top: 0;
            margin-bottom: 0;
            /*background:#fff; position: sticky;  bottom: 0;  下に固定*/
        }

        #fotter p,
        footer#fc2 p {
            font-size: 11px;
            padding: 0px;
            margin: 0px;
        }


        /* 記事内に画像があった場合、左に滑り込ませる　は？何それ... */
        #blog img {
            margin: 0 0.7em 0 0;
        }

        /* 記事のステータス用リスト */
        .sub {
            text-align: right;
            margin: 2.7em 0 0 0;
        }

        .sub li {
            display: inline;
        }

        .sub a {
            margin-right: 0.3em;
        }




        /* 自己紹介的なところで画像を使用した場合の中央寄せ */
        .pay {
            text-align: center;
            margin-right: 2em;
        }

        /* 検索 */
        #right form {
            margin: 0;
        }

        .light {
            margin: 2.7em 0 0 0;
            padding: 0.7em 0 0 0;
        }

        .search {
            margin: 0 0 3.7em 0;
            padding: 0.7em 0;
        }

        .search input {}

        /* html部品*/
        textarea,
        input,
        select {
            /*font-family noto suns前後--*/
        }




        /*-------------------------------------------------------
 横幅768px〜1020px レイアウト：狭いブラウザとタブレット向け
---------------------------------------------------------*/
        @media (max-width: 1020px) and (min-width: 768px) {
            body {
                background: white;
            }

            /*ブログ上部スペース=ブログ全体の横幅*/
            #top {
                width: 860px;
                /*960pxから*/
                border-left: none;
                /*左右の線を消す*/
                border-right: none;
                margin: 0 auto;
                /*中央配置*/
            }

            #blog-head-space,
            nav ol.navi {
                margin-left: 10px;
            }

            #dottedallow {
                width: 120px;
            }

            #dottedallow ul li:last-child {
                /*右向き矢印の色：▶︎部のみ*/
                display: NONE;
            }

            /*メインとサイドの2カラム分 */
            #container {
                width: 860px;

            }

            #catepage {
                /*カテゴリ別一覧表示*/
                margin-top: 4px;
            }
        }

        /*---768px〜1020px---*/

        /*-------------------------------------------------------
 横幅767px以下用 レイアウト：スマホ/タブレット(iPad)向け
---------------------------------------------------------*/
        @media (max-width: 767px) {
            body {
                background: white;
            }

            #top {
                width: 100%;
                /*==here 100%==*/
                border-left: none;
                /*左右の線を消す*/
                border-right: none;
            }

            #container {
                /*==here 99%==*/
                width: 99%;
            }

            #content {
                /*==flexを無効化==*/
                display: block;
            }

            #blog,
            #sidebar {
                /*==flexを無効化==*/
                width: 100%;
            }

            #topleft,
            #newDTM,
            #sidebar {
                clear: both;
            }

            #h3_area,
            #h3_area #logoback,
            #topleft {
                width: 100%;
                /*==88%==>変更、ん？変わりね〜な？！==*/
            }

            /*
background-size 
contain：縦横比保持、背景領域に収まる最大サイズ、拡大縮小
cover：縦横比保持、背景領域を完全に覆う最小サイズ、背景画像を拡大縮小
長さ：幅・高さを指定する
パーセンテージ：背景領域に対する背景画像の幅・高さのパーセンテージ指定
*/
            /*------outline html----
 #topleft
    #h3_area 
      #logoback
--------------------------*/

            #h3_area #logoback {
                /*background-image:url(''); */
                background-size: cover;
                width: 100%;
            }

            #container,
            #content,
            #blog,
            #sidebar {
                boxs-izing: border-box;
            }

            #tagCloudWarp,
            #InstTag_Part {
                width: 95%;
            }

            #sidebar {
                margin-top: 0;
                box-sizing: border-box;
                font-size: 110%;
                /*ちょい大きめに*/
            }

            #sidebar div h5 {
                font-size: 100%;
                /*ちょい大きめに*/
            }

            #sidebar div form,
            /*入力フォーム,開閉領域etc */
            #sidebar div div .dotted {
                width: 70%;
                margin: 0 auto;
            }

            #sidebar div div .dotted {
                /*開閉領域*/
                margin-bottom: 1em;
            }

            #newDTM {
                /*index_area MODE*/
                width: 100%;
                /*==600px;==>変更 */
                height: 420px;
                position: relative;
                top: 0px;
                margin-bottom: 50px;
                /*blogbodyが上部に食い込んでるのを緩和用*/
                padding: 0 0;
                /* [上下] [左右]*/
                box-sizing: border-box;
            }

            #newMiniDTM {
                /* not_index_area MODE*/
                position: absolute;
                right: 0;
                top: 5px;
                width: 217px;
                /*中身の#recomendMOV幅215+線に*/
            }

            #newDTM #recomendMOV {
                /*動画再生部 index_area MODE*/
                width: auto;
                height: 320px;
            }

            #newMiniDTM #recomendMOV {
                /*動画再生部 not_index_area MODE*/
                width: auto;
                height: 130px;
            }

            #newDTM h4.sidetitle,
            #newDTM div {
                font-size: 14px;
                font-weight: bold;
            }

            #newDTM .side,
            #newMiniDTM .side {
                color: #fff;
                background-color: black;
                border-radius: 5px;
                padding: 0;
                /*font-family noto suns前後--*/

            }

            #newDTM .side a,
            #newDTM .side a:visited,
            #newMiniDTM .side a,
            #newMiniDTM .side a:visited {
                color: #ffffff;
            }

            #ma,
            #newDTM .side img,
            #dottedallow,
            #newMiniDTM .side img {
                display: NONE;
            }

            /*上部メニュー系リンク位置*/
            nav#headerLink {
                position: relative;
                height: auto;
                top: 10px;
                background-color: #f2f2f2;
            }

            /*上部メニュー系リンク位置に関連して*/
            #content {
                /*nav .naviはこの中*/
                margin-top: 40px;
            }

            nav#headerLink {
                /*ページ上部にnav(カテゴリリンク)*/
                display: block;
                clear: both;
            }

            nav#headerLink ul {
                display: block;
                margin-bottom: 1em;
            }

            nav#headerLink ul li a {
                /*font-family noto suns前後--*/
                font-weirht: bold;
                color: #0060C0;
            }

            nav.forTabletsize {
                /*gotpagetopを最後に付ける*/
                display: block;
                border-top: solid 1px #ccc;
            }

            #sidebar div.plugin:nth-of-type(1) {
                /*検索窓領域*/
                position: absolute;
                right: 0;
                top: -25px;
                border: none;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                width: 215px;
                /*==>==相殺用==*/
                background: ;
            }

            #sidebar div.plugin:nth-of-type(1)>div {
                /*検索窓の*/
                margin: 0 0 0 0: padding:0 0 0 0;
                height: 100%;
                background: ;
            }

            #sidebar div.plugin:nth-of-type(1)>div form {
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                width: 100%;
                /*==>相殺==*/
                height: 100%;
                background: ;
            }

            #sidebar div.plugin:nth-of-type(1) #plugin-search {
                /*#sidebar div.plugin:nth-of-type(1)  input*/
            }

            #sidebar div.plugin:nth-of-type(1) input:first-child {
                /*検索窓自体*/
                background: ;
            }

            #sidebar div.plugin:nth-of-type(1) input:nth-child(2) {
                background: ;
            }

            #sidebar div.plugin:nth-of-type(1) h4 {
                display: none;
            }

            #sidebar div.plugin:nth-of-type(2) {
                /*主なメニュー*/
            }

            #sidebar div.plugin:nth-of-type(3) {
                /*プロフィール*/
            }

            #sidebar div.plugin:nth-of-type(3) .side {
                text-align: center;
            }

            #sidebar div.plugin:nth-of-type(4) {
                /*メルフォ*/
            }

            #sidebar div.plugin:nth-of-type(5) {
                /*ブログパーツ(fc2 Raking)*/
            }

            #sidebar div.plugin:nth-of-type(5) .fc2R {}

            #sidebar div.plugin:nth-of-type(5) .fc2R li:before {}

            #sidebar div.plugin:nth-of-type(6) {
                /*このブログについて*/
            }
        }

        /* --- //768px以下のとき------*/
    </style>

    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>UTAU英语音源 - 音素对应表 IPA, Arpabet, XSAMPA, Cz, VOCALOID</title>

</head>

<body>
    <div class="blogbody">
        <div class="category">
            <i>最后更新日期</i> | <time>2020-05-13</time> |
        </div>
        <h1 class="title"><a href="http://gtrinthesky.blog.fc2.com/blog-entry-207.html" id="207"
                title="UTAU英语音源 - 音素对应表 IPA, Arpabet, XSAMPA, Cz, VOCALOID" class="ttlIs">UTAU英语音源 - 音素对应表 IPA,
                Arpabet, XSAMPA, Cz, VOCALOID</a></h1>

        ●音素比较表 <small id="chart_h2" class="add"> 〜IPA・ARPABET・X-SAMPA・Cz・VOCALOID 〜</small>


        <div id="ChartArea">
            <div class="description">表格图例：</div>
            <ul class="small">
                <li>“/”・・・“或” <small class="add">※X-SAMPA列：作为UTAU用别名使用的时候的第一候补和第二候补以下</small></li>
                <li>“\”・・・X-SAMPA用记号 </li>
                <li>“□”・・・暂未查明</li>
                <li>暗色背景・・・作为UTAU用别名不存在或不适用（取决于版本差别或音源）</li>
            </ul>
            <div class="flex2">
                <div class="BOX">
                    <div id="table1"><b>单元音・双元音</b>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ə</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        ax</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        x</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ʌ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ah / ax</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        V /@/O/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        u</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        V</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        æ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ae</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        {</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        {</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɜ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        er</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        3 / 3r</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        3</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @r</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɑ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        aa</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        A /O/@/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        Q</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɒ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ao</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        Q /@/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        9l</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        O:</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        ɪ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        ih</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        I</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        i</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        I</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">i</td>
                                    <td style="background-color: rgb(254, 232, 242);">iy</td>
                                    <td style="background-color: rgb(254, 232, 242);">i</td>
                                    <td style="background-color: rgb(254, 232, 242);">E</td>
                                    <td style="background-color: rgb(254, 232, 242);">i:</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɛ</td>
                                    <td style="background-color: rgb(254, 232, 242);">eh</td>
                                    <td style="background-color: rgb(254, 232, 242);">E / e</td>
                                    <td style="background-color: rgb(254, 232, 242);">e</td>
                                    <td style="background-color: rgb(254, 232, 242);">e</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɔ</td>
                                    <td style="background-color: rgb(254, 232, 242);">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">O</td>
                                    <td style="background-color: rgb(254, 232, 242);">0</td>
                                    <td style="background-color: rgb(254, 232, 242);">O:</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">u</td>
                                    <td style="background-color: rgb(254, 232, 242);">uw</td>
                                    <td style="background-color: rgb(254, 232, 242);">u</td>
                                    <td style="background-color: rgb(254, 232, 242);">o</td>
                                    <td style="background-color: rgb(254, 232, 242);">u:</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        ʊ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        uh</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        U</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        6</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        U</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">aɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ay</td>
                                    <td style="background-color: rgb(254, 213, 205);">aI</td>
                                    <td style="background-color: rgb(254, 213, 205);">I</td>
                                    <td style="background-color: rgb(254, 213, 205);">aI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">eɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ey</td>
                                    <td style="background-color: rgb(254, 213, 205);">eI</td>
                                    <td style="background-color: rgb(254, 213, 205);">A</td>
                                    <td style="background-color: rgb(254, 213, 205);">eI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">ɔɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">oy</td>
                                    <td style="background-color: rgb(254, 213, 205);">OI</td>
                                    <td style="background-color: rgb(254, 213, 205);">Q</td>
                                    <td style="background-color: rgb(254, 213, 205);">OI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">aʊ</td>
                                    <td style="background-color: rgb(254, 213, 205);">aw</td>
                                    <td style="background-color: rgb(254, 213, 205);">aU</td>
                                    <td style="background-color: rgb(254, 213, 205);">8</td>
                                    <td style="background-color: rgb(254, 213, 205);">aU</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">oʊ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ow</td>
                                    <td style="background-color: rgb(254, 213, 205);">oU</td>
                                    <td style="background-color: rgb(254, 213, 205);">O</td>
                                    <td style="background-color: rgb(254, 213, 205);">@U</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">əʊ</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">axuh</td>
                                    <td style="background-color: rgb(225, 215, 182);">@U</td>
                                    <td style="background-color: rgb(254, 242, 205);">x6</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɪə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">iyax</td>
                                    <td style="background-color: rgb(225, 215, 182);">I@</td>
                                    <td style="background-color: rgb(254, 242, 205);">Er</td>
                                    <td style="background-color: rgb(254, 242, 205);">i@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">eə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">ehax</td>
                                    <td style="background-color: rgb(225, 215, 182);">e@</td>
                                    <td style="background-color: rgb(254, 242, 205);">Ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">e@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ʊə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">uhax</td>
                                    <td style="background-color: rgb(225, 215, 182);">U@</td>
                                    <td style="background-color: rgb(254, 242, 205);">3r</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɒə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">aoax</td>
                                    <td style="background-color: rgb(225, 215, 182);">Q@</td>
                                    <td style="background-color: rgb(254, 242, 205);">ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">Q@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ʊr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">uhr</td>
                                    <td style="background-color: rgb(225, 215, 182);">Ur</td>
                                    <td style="background-color: rgb(254, 242, 205);">O</td>
                                    <td style="background-color: rgb(254, 242, 205);">U@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɔr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(225, 215, 182);">Or</td>
                                    <td style="background-color: rgb(254, 242, 205);">ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">aɪr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">ayr</td>
                                    <td style="background-color: rgb(225, 215, 182);">aIr</td>
                                    <td style="background-color: rgb(254, 242, 205);">IR</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(213, 213, 213);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɜr</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">er</td>
                                    <td style="background-color: rgb(237, 254, 205);">3r</td>
                                    <td style="background-color: rgb(237, 254, 205);">3</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ər</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">axr</td>
                                    <td style="background-color: rgb(237, 254, 205);">@r</td>
                                    <td style="background-color: rgb(237, 254, 205);">3</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɑr / ɒɹ</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">aar / aor</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">er</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">ehr</td>
                                    <td style="background-color: rgb(210, 225, 182);">er</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɪr</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">ihr</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ir</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɪe</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">iheh</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ie</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ʊe</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">uheh</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ue</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɔə</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">aoax</td>
                                    <td style="background-color: rgb(210, 225, 182);">O@</td>
                                    <td style="background-color: rgb(237, 254, 205);">ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ə</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        ax</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        x</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ʌ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ah / ax</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        V /@/O/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        u</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        V</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        æ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ae</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        {</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        {</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɜ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        er</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        3 / 3r</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        3</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        @r</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɑ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        aa</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        A /O/@/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        Q</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(178, 34, 34);">
                                        ɒ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        ao</td>
                                    <td
                                        style="background-color: rgb(225, 206, 215); font-weight: bold; color: rgb(178, 34, 34);">
                                        Q /@/a</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        9l</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(178, 34, 34);">
                                        O:</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        ɪ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        ih</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        I</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        i</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        I</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">i</td>
                                    <td style="background-color: rgb(254, 232, 242);">iy</td>
                                    <td style="background-color: rgb(254, 232, 242);">i</td>
                                    <td style="background-color: rgb(254, 232, 242);">E</td>
                                    <td style="background-color: rgb(254, 232, 242);">i:</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɛ</td>
                                    <td style="background-color: rgb(254, 232, 242);">eh</td>
                                    <td style="background-color: rgb(254, 232, 242);">E / e</td>
                                    <td style="background-color: rgb(254, 232, 242);">e</td>
                                    <td style="background-color: rgb(254, 232, 242);">e</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɔ</td>
                                    <td style="background-color: rgb(254, 232, 242);">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">O</td>
                                    <td style="background-color: rgb(254, 232, 242);">0</td>
                                    <td style="background-color: rgb(254, 232, 242);">O:</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">u</td>
                                    <td style="background-color: rgb(254, 232, 242);">uw</td>
                                    <td style="background-color: rgb(254, 232, 242);">u</td>
                                    <td style="background-color: rgb(254, 232, 242);">o</td>
                                    <td style="background-color: rgb(254, 232, 242);">u:</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        ʊ</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        uh</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        U</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        6</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        U</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">aɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ay</td>
                                    <td style="background-color: rgb(254, 213, 205);">aI</td>
                                    <td style="background-color: rgb(254, 213, 205);">I</td>
                                    <td style="background-color: rgb(254, 213, 205);">aI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">eɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ey</td>
                                    <td style="background-color: rgb(254, 213, 205);">eI</td>
                                    <td style="background-color: rgb(254, 213, 205);">A</td>
                                    <td style="background-color: rgb(254, 213, 205);">eI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">ɔɪ</td>
                                    <td style="background-color: rgb(254, 213, 205);">oy</td>
                                    <td style="background-color: rgb(254, 213, 205);">OI</td>
                                    <td style="background-color: rgb(254, 213, 205);">Q</td>
                                    <td style="background-color: rgb(254, 213, 205);">OI</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">aʊ</td>
                                    <td style="background-color: rgb(254, 213, 205);">aw</td>
                                    <td style="background-color: rgb(254, 213, 205);">aU</td>
                                    <td style="background-color: rgb(254, 213, 205);">8</td>
                                    <td style="background-color: rgb(254, 213, 205);">aU</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 174, 160);">oʊ</td>
                                    <td style="background-color: rgb(254, 213, 205);">ow</td>
                                    <td style="background-color: rgb(254, 213, 205);">oU</td>
                                    <td style="background-color: rgb(254, 213, 205);">O</td>
                                    <td style="background-color: rgb(254, 213, 205);">@U</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">əʊ</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">axuh</td>
                                    <td style="background-color: rgb(225, 215, 182);">@U</td>
                                    <td style="background-color: rgb(254, 242, 205);">x6</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɪə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">iyax</td>
                                    <td style="background-color: rgb(225, 215, 182);">I@</td>
                                    <td style="background-color: rgb(254, 242, 205);">Er</td>
                                    <td style="background-color: rgb(254, 242, 205);">i@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">eə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">ehax</td>
                                    <td style="background-color: rgb(225, 215, 182);">e@</td>
                                    <td style="background-color: rgb(254, 242, 205);">Ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">e@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ʊə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">uhax</td>
                                    <td style="background-color: rgb(225, 215, 182);">U@</td>
                                    <td style="background-color: rgb(254, 242, 205);">3r</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɒə</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">aoax</td>
                                    <td style="background-color: rgb(225, 215, 182);">Q@</td>
                                    <td style="background-color: rgb(254, 242, 205);">ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">Q@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ʊr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">uhr</td>
                                    <td style="background-color: rgb(225, 215, 182);">Ur</td>
                                    <td style="background-color: rgb(254, 242, 205);">O</td>
                                    <td style="background-color: rgb(254, 242, 205);">U@</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">ɔr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(225, 215, 182);">Or</td>
                                    <td style="background-color: rgb(254, 242, 205);">ar</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(253, 230, 160);">aɪr</td>
                                    <td style="background-color: rgb(254, 242, 205); color: darkgray;">ayr</td>
                                    <td style="background-color: rgb(225, 215, 182);">aIr</td>
                                    <td style="background-color: rgb(254, 242, 205);">IR</td>
                                    <td style="background-color: rgb(254, 242, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(213, 213, 213);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɜr</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">er</td>
                                    <td style="background-color: rgb(237, 254, 205);">3r</td>
                                    <td style="background-color: rgb(237, 254, 205);">3</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ər</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">axr</td>
                                    <td style="background-color: rgb(237, 254, 205);">@r</td>
                                    <td style="background-color: rgb(237, 254, 205);">3</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɑr / ɒɹ</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">aar / aor</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">er</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">ehr</td>
                                    <td style="background-color: rgb(210, 225, 182);">er</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɪr</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">ihr</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ir</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɪe</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">iheh</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ie</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ʊe</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">uheh</td>
                                    <td style="background-color: rgb(210, 225, 182);">Ue</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(220, 253, 160);">ɔə</td>
                                    <td style="background-color: rgb(237, 254, 205); color: darkgray;">aoax</td>
                                    <td style="background-color: rgb(210, 225, 182);">O@</td>
                                    <td style="background-color: rgb(237, 254, 205);">ar</td>
                                    <td style="background-color: rgb(237, 254, 205);">□</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="notice">
                        <i>ARPABET </i>是Arpasing式中所使用的音标，不区分大小写（本来是为美式英语开发的）<br>
                        <small>※通常为每一音素空格＆每一单词加点“.”的标记样式，不过在此表中未体现<br>
                            ※通常用0~3的数字表示重音（AA0, AA1, AA2等），不过UTAU的歌詞=别名，重音没有关系，预测时可以无视</small><br>
                        <br><i>X-SAMPA</i> 是Delta式中所使用的音标，区分大小写（X-SAMPA的前身SAMPA是本来为英式英语开发的）
                        <small>※SAMPA的 −对应欧洲各国以外的语言的− 扩展版即为X-SAMPA</small>
                    </div>
                </div>
                <div class="BOX">
                    <div id="table2" style="display:;"><b>长元音</b>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET*</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        iː</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: darkgray;">
                                        iy
                                    </td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        i:</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        E</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        □</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɑː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">aa</td>
                                    <td style="background-color: rgb(254, 232, 242);">A:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɒː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">Q:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">əː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ax</td>
                                    <td style="background-color: rgb(254, 232, 242);">@:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɔː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">O:</td>
                                    <td style="background-color: rgb(254, 232, 242);">9</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        uː</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: darkgray;">
                                        uw
                                    </td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        u:</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        o</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        □</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET*</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        iː</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: darkgray;">
                                        iy
                                    </td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        i:</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        E</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        □</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɑː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">aa</td>
                                    <td style="background-color: rgb(254, 232, 242);">A:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɒː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">Q:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">əː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ax</td>
                                    <td style="background-color: rgb(254, 232, 242);">@:</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(254, 210, 230);">ɔː</td>
                                    <td style="background-color: rgb(254, 232, 242); color: darkgray;">ao</td>
                                    <td style="background-color: rgb(254, 232, 242);">O:</td>
                                    <td style="background-color: rgb(254, 232, 242);">9</td>
                                    <td style="background-color: rgb(254, 232, 242);">□</td>
                                </tr>
                                <tr>
                                    <td
                                        style="background-color: rgb(254, 210, 230); font-weight: bold; color: rgb(255, 47, 146);">
                                        uː</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: darkgray;">
                                        uw
                                    </td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        u:</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        o</td>
                                    <td
                                        style="background-color: rgb(254, 232, 242); font-weight: bold; color: rgb(255, 47, 146);">
                                        □</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="notice">
                        【研究】/<u>ʌ</u>/和/<u>ə</u>/<br>
                        虽然音标不同（ʌ,ə），但两者只是发声强弱有差异，本质上是一样的东西<br>
                        →有重音时为“啊”的发音（/<u>ʌ</u>/）<br>
                        →无重音时为弱央元音（/<u>ə</u>/）<br>
                        因此ARPABET的ah即为，有重音时为 ah（/<u>ʌ</u>/），无重音时为 ax（/<u>ə</u>/）
                    </div>
                    <div class="notice">
                        【研究】/<u>ɪ</u>/与/<u>iː</u>/、/<u>ʊ</u>/与/<u>uː</u>/发声不同 <small>（※粉色字）</small><br>
                        IPA中所说的/<u>ɪ</u>/与/<u>iː</u>/、/<u>ʊ</u>/与/<u>uː</u>/ 分别为不同的音
                        它们<span class="wavy">不仅仅是长度的不同</span> 存在发音的不同，与区分单词的含义有关联<br>
                        <small>※歌唱中元音的长度就作为音符的长度，因此发声的差异就被用来区分单词含义（的差异）<br><br></small>
                        【建议】无论如何既然/<u>ɪ</u>/与/<u>iː</u>/（或者说是/<u>ɪ</u>/与/<u>i</u>/？？）是不同的发音，希望能够区分发声＆别名<br>
                        <small>※偶尔也会有没有区分/<u>ɪ</u>/与/<u>i</u>/（X-SAMPA中就是[<u>I</u>]与[<u>i</u>]）的音源 所以要是这么做的话是不成的</small>
                    </div>
                    <div id="table3"><b>特殊辅音・常见形式<span class="small">（或组合）</span></b>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">θ</td>
                                    <td style="background-color: rgb(208, 254, 205);">th</td>
                                    <td style="background-color: rgb(208, 254, 205);">T</td>
                                    <td style="background-color: rgb(208, 254, 205);">th</td>
                                    <td style="background-color: rgb(208, 254, 205);">T</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ð</td>
                                    <td style="background-color: rgb(208, 254, 205);">dh</td>
                                    <td style="background-color: rgb(208, 254, 205);">D</td>
                                    <td style="background-color: rgb(208, 254, 205);">dh</td>
                                    <td style="background-color: rgb(208, 254, 205);">D</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʃ</td>
                                    <td style="background-color: rgb(208, 254, 205);">sh</td>
                                    <td style="background-color: rgb(208, 254, 205);">S</td>
                                    <td style="background-color: rgb(208, 254, 205);">sh</td>
                                    <td style="background-color: rgb(208, 254, 205);">S</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʒ</td>
                                    <td style="background-color: rgb(208, 254, 205);">zh</td>
                                    <td style="background-color: rgb(208, 254, 205);">Z</td>
                                    <td style="background-color: rgb(208, 254, 205);">Zh</td>
                                    <td style="background-color: rgb(208, 254, 205);">Z</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">tʃ / ʧ</td>
                                    <td style="background-color: rgb(208, 254, 205);">ch</td>
                                    <td style="background-color: rgb(208, 254, 205);">tS</td>
                                    <td style="background-color: rgb(208, 254, 205);">ch</td>
                                    <td style="background-color: rgb(208, 254, 205);">tS</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ɾ</td>
                                    <td style="background-color: rgb(184, 225, 182);">dx</td>
                                    <td style="background-color: rgb(184, 225, 182);">4</td>
                                    <td style="background-color: rgb(208, 254, 205);">dd</td>
                                    <td style="background-color: rgb(208, 254, 205);">4</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʤ</td>
                                    <td style="background-color: rgb(208, 254, 205);">jh</td>
                                    <td style="background-color: rgb(208, 254, 205);">dZ</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">dZ</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ɫ</td>
                                    <td style="background-color: rgb(184, 225, 182);">el</td>
                                    <td style="background-color: rgb(184, 225, 182);">5</td>
                                    <td style="background-color: rgb(208, 254, 205);">6l</td>
                                    <td style="background-color: rgb(208, 254, 205);">@l</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ŋ</td>
                                    <td style="background-color: rgb(208, 254, 205);">ng</td>
                                    <td style="background-color: rgb(208, 254, 205);">N</td>
                                    <td style="background-color: rgb(208, 254, 205);">ng</td>
                                    <td style="background-color: rgb(208, 254, 205);">N</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">hh</td>
                                    <td style="background-color: rgb(208, 254, 205);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">h / C</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ju</td>
                                    <td style="background-color: rgb(208, 254, 205);">juw</td>
                                    <td style="background-color: rgb(208, 254, 205);">ju</td>
                                    <td style="background-color: rgb(208, 254, 205);">U</td>
                                    <td style="background-color: rgb(208, 254, 205);">ju</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">æn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aen</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{n</td>
                                    <td style="background-color: rgb(205, 254, 232);">&amp;n</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{n</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɪŋ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">ihng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">IN</td>
                                    <td style="background-color: rgb(205, 254, 232);">1ng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">IN</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɛŋ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aeng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">EN</td>
                                    <td style="background-color: rgb(205, 254, 232);">Ang</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{N</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɹ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Or\</td>
                                    <td style="background-color: rgb(205, 254, 232);">Or</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Or</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">aʊn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">awn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aUn</td>
                                    <td style="background-color: rgb(205, 254, 232);">8n</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aUn</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɚ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O@r</td>
                                    <td style="background-color: rgb(205, 254, 232);">0r</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O3</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔʊl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">owl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">OUl</td>
                                    <td style="background-color: rgb(205, 254, 232);">0l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">OUl</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɫ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aoel</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O5</td>
                                    <td style="background-color: rgb(205, 254, 232);">9l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔːl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aol</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Ol</td>
                                    <td style="background-color: rgb(205, 254, 232);">9l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">□</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="notranslate">
                            <tbody>
                                <tr>
                                    <td style="background-color: rgb(189, 189, 189);">IPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">ARPABET</td>
                                    <td style="background-color: rgb(213, 213, 213);">X-SAMPA</td>
                                    <td style="background-color: rgb(213, 213, 213);">Cz</td>
                                    <td style="background-color: rgb(213, 213, 213);">VOCALOID</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">θ</td>
                                    <td style="background-color: rgb(208, 254, 205);">th</td>
                                    <td style="background-color: rgb(208, 254, 205);">T</td>
                                    <td style="background-color: rgb(208, 254, 205);">th</td>
                                    <td style="background-color: rgb(208, 254, 205);">T</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ð</td>
                                    <td style="background-color: rgb(208, 254, 205);">dh</td>
                                    <td style="background-color: rgb(208, 254, 205);">D</td>
                                    <td style="background-color: rgb(208, 254, 205);">dh</td>
                                    <td style="background-color: rgb(208, 254, 205);">D</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʃ</td>
                                    <td style="background-color: rgb(208, 254, 205);">sh</td>
                                    <td style="background-color: rgb(208, 254, 205);">S</td>
                                    <td style="background-color: rgb(208, 254, 205);">sh</td>
                                    <td style="background-color: rgb(208, 254, 205);">S</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʒ</td>
                                    <td style="background-color: rgb(208, 254, 205);">zh</td>
                                    <td style="background-color: rgb(208, 254, 205);">Z</td>
                                    <td style="background-color: rgb(208, 254, 205);">Zh</td>
                                    <td style="background-color: rgb(208, 254, 205);">Z</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">tʃ / ʧ</td>
                                    <td style="background-color: rgb(208, 254, 205);">ch</td>
                                    <td style="background-color: rgb(208, 254, 205);">tS</td>
                                    <td style="background-color: rgb(208, 254, 205);">ch</td>
                                    <td style="background-color: rgb(208, 254, 205);">tS</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ɾ</td>
                                    <td style="background-color: rgb(184, 225, 182);">dx</td>
                                    <td style="background-color: rgb(184, 225, 182);">4</td>
                                    <td style="background-color: rgb(208, 254, 205);">dd</td>
                                    <td style="background-color: rgb(208, 254, 205);">4</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ʤ</td>
                                    <td style="background-color: rgb(208, 254, 205);">jh</td>
                                    <td style="background-color: rgb(208, 254, 205);">dZ</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">dZ</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ɫ</td>
                                    <td style="background-color: rgb(184, 225, 182);">el</td>
                                    <td style="background-color: rgb(184, 225, 182);">5</td>
                                    <td style="background-color: rgb(208, 254, 205);">6l</td>
                                    <td style="background-color: rgb(208, 254, 205);">@l</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ŋ</td>
                                    <td style="background-color: rgb(208, 254, 205);">ng</td>
                                    <td style="background-color: rgb(208, 254, 205);">N</td>
                                    <td style="background-color: rgb(208, 254, 205);">ng</td>
                                    <td style="background-color: rgb(208, 254, 205);">N</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">hh</td>
                                    <td style="background-color: rgb(208, 254, 205);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">h</td>
                                    <td style="background-color: rgb(208, 254, 205);">h / C</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">j</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                    <td style="background-color: rgb(208, 254, 205);">y</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(164, 253, 160);">ju</td>
                                    <td style="background-color: rgb(208, 254, 205);">juw</td>
                                    <td style="background-color: rgb(208, 254, 205);">ju</td>
                                    <td style="background-color: rgb(208, 254, 205);">U</td>
                                    <td style="background-color: rgb(208, 254, 205);">ju</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">æn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aen</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{n</td>
                                    <td style="background-color: rgb(205, 254, 232);">&amp;n</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{n</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɪŋ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">ihng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">IN</td>
                                    <td style="background-color: rgb(205, 254, 232);">1ng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">IN</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɛŋ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aeng</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">EN</td>
                                    <td style="background-color: rgb(205, 254, 232);">Ang</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">{N</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɹ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Or\</td>
                                    <td style="background-color: rgb(205, 254, 232);">Or</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Or</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">aʊn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">awn</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aUn</td>
                                    <td style="background-color: rgb(205, 254, 232);">8n</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aUn</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɚ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aor</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O@r</td>
                                    <td style="background-color: rgb(205, 254, 232);">0r</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O3</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔʊl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">owl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">OUl</td>
                                    <td style="background-color: rgb(205, 254, 232);">0l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">OUl</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔɫ</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aoel</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">O5</td>
                                    <td style="background-color: rgb(205, 254, 232);">9l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">□</td>
                                </tr>
                                <tr>
                                    <td style="background-color: rgb(160, 253, 211); color: darkgray;">ɔːl</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">aol</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">Ol</td>
                                    <td style="background-color: rgb(205, 254, 232);">9l</td>
                                    <td style="background-color: rgb(205, 254, 232); color: darkgray;">□</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="table4" class="hidden"><b>特殊子音 <span class="small">Cz用、UTAU用エイリアスとして多分無い</span></b></div>
                </div>
            </div>
            <ul class="small circle">
                <li style="list-style-type:none;">备注：</li>
                <!--
  <li>ARPABETはArpasing式で使われる音素表記 (アメリカ英語を元に開発されたという経緯あり)</li>
  <li>X-SAMPAはデルタ式で使われる音素表記 (X-SAMPAの元のSAMPAはイギリス英語を元に開発されたという経緯あり) ※SAMPAの拡張版がX-SAMPA</li>
  -->
                <li>Cz是Cz式中所使用的音素和音节标记 ※除Cz以外中以音素组合表示音节时，在表中以灰色文本表示</li>
                <li>特别地，单元音中a系元音标为红色粗体 ※并且X-SAMPA, Cz,VOCALOID分别完全没有相似性</li>
                <li>特别地，长元音中与短元音的/<u>ɪ,ʊ</u>/发声不同分别以粉色粗体的/<u>iː,uː</u>/标记</li>
                <li>带勾的IPA基本分别为<span class="notranslate">[ɝ = ɜr, ɚ = ər, ɑ˞ = ɑr, ɔ˞ = ɔr]</span>，省略</li>
                <li>下均省略 ⇒ 三元音、通常的辅音（b、d、k等）、日语特有的发音（辅音/元音）</li>
            </ul>
        </div>


        <style>
            /*------ 一般 ------*/
            .wavy {
                text-decoration: underline wavy var(--memo);
            }

            /*波線 Safari用 無理(効かない)*/
            .notice {
                color: var(--em);
                background: var(--em0);
                margin: 0.8em 2em;
                padding: 0.5em;
                border-radius: 3px;
            }

            .hidden {
                display: none;
            }

            /*-------　この記事上で　---------*/
            .notice {
                font-size: 90%;
            }



            /*-------　flexboxレイアウト   -------*/
            .flex2 {
                /*　flex 親要素　*/
                /* display:flex;
lex-wrap:nowrap;相殺：折り返さない*/
            }

            .BOX {
                /*　flex 子要素　*/
                position: relative;
                padding: 0 1em;
                /*上下 左右*/
                box-sizing: border-box;
                justify-content: center;
            }

            .flex2 .BOX b {
                font-size: var(--small);
                text-decoration: none;
                display: block;
            }

            .flex2 .BOX b::before {
                content: '#';
            }

            #table1 td,
            #table2 td {
                font-size: 1;
            }





            /*   音素比較表: 既存のtable css相殺  */
            #ChartArea h2 {
                font-size: 100%;
            }

            #ChartArea ul::before {
                content: attr(data-txt)"";
            }

            #ChartArea ul:first-of-type li {
                margin-left: 1em;
            }

            #ChartArea ul li ul li {
                list-style: none;
                display: inline-block;
            }

            #ChartArea {
                margin: 0 auto;
                padding: 1em 0 0 0;
            }

            #ChartArea .flex2 {
                /*=flex設定=*/
                display: flex;
            }

            #ChartArea #table1,
            /*==flex 子要素BOX：#table1、#table2、#table3 ==*/
            #ChartArea #table2,
            #ChartArea .notice,
            #ChartArea #table3,
            #ChartArea #table4 {
                color: var(--txt);
                margin-top: 1.8em;
                flex-basis: 50%;
                justify-content: space-around;
            }

            #ChartArea .notice {
                margin: 0.8em 1.0em;
                color: var(--em);
            }

            #ChartArea table {
                border: solid 1px gray;
                border-collapse: collapse;
                width: 100%;
            }

            #ChartArea table td {}

            #ChartArea table tr:first-child {
                font-weight: bold;
                font-family:
                    "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
            }

            #ChartArea table td {
                width: 5em;
                color: var(--txt);
                padding: 0.3em;
                border: solid 1px gray;
            }

            #ChartArea table td {
                font-family: monospace, monospace;
                font-size: 100%;
            }

            #ChartArea .flex2+ul {
                margin-top: 3em;
            }

            #ChartArea_entry ul:last-child li {
                content: "";
                list-style-type: "・";
                margin-left: 1.0em;
            }
        </style>
        <!--タグ未指定は特に表示なし-->
        <hr id="moreP"><a name="more" id="more"></a>感觉差不多就是这样。暂未查明的栏从<del>“？” </del> 改为了 <ins>“□”</ins>。<br>
        VOCALOID是有额外补充的。总的来说和X-SAMPA是相关关系（大抵相同，细微之处不同）。<br>
        要详细点说，UTAU的歌词中使用的别名，可以通过这些音素组合实现。<br><br>
        【补充】2020-05-13：修订<br>
        【补充】2020-02-24：修订<br>
        【补充】2018-04-07：脚注　相关文章链接<br>
        【初出】2018-03-26：

        <footer>Reng22063 |
            <i>最后更新日期</i>：<time>2020-05-13</time> |
        </footer>
    </div>
</body>

</html>
